如何更改 URL 参数以停止图像重新加载

Question

我有一张图像，我只想在主页上加载一次，通过我的介绍页面访问（它在加载时消失，是我的介绍页面的一种视觉回声）。单击导航栏中的“主页”后，我不希望图像出现在后续视图的主页上。

有人建议我设置 cookie，或使用 URL 参数“指定是否淡入淡出图像”(set /index?nofade=true)。我想尝试后者，因为并不是每个人都启用 cookie。

问题是，在网上搜罗了一天之后，我也不知道该怎么办，（脸红）。

谁能帮助我吗？我是编码新手，所以不确定如何编写/包含“no fade true”位，我正在使用 jquery。

Answer 1

您可以使用 JavaScript 轻松解析 url 的参数，然后检查特定的“nofade”参数是否存在（或任何其他），如果存在则淡入图像

$(function(){
  // Grab our url parameters and split them into groups
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  // assign parameters to our object
  var params = {};
  for(var i = 0; i < hashes.length; i++){
    var hash = hashes[i].split('=');
    params[hash[0]] = hash[1];
  }
  // Now params contains your url parameters in an object
  if(typeof(params['nofade']) === 'undefined' || !params[nofade]){
    // Perform image fade here

  }
})

Answer 2

您只需添加一个检查，看看在淡化图像的代码之前是否设置了该查询字符串。

function getQuerystring(key, defaultVal) {
    if (defaultVal == null) {
        defaultVal = "";
    }
    key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");
    var qs = regex.exec(window.location.href);
    if (qs == null) {
        return defaultVal;
    }
    else {
        return qs[1];
    }
}

if(getQuerystring('nofade') == 'true'){
    //do your fading
}

该函数使用正则表达式来解析您传递给它的查询字符串，如果未找到该查询字符串，则返回其值以及可选设置的默认值

Answer 3

如果我理解正确的话，当有人访问您的页面 http://www.example.com 时您希望您的徽标每次他们访问该页面时都在那里，然后必须单击您的徽标才能进入并被带到 http:// www.example.com/homepage.php 您的徽标将在其中淡出。

但是，如果他们随后重新加载您的页面，您希望徽标不存在吗？这是正确的吗？

如果是这样，您只需将徽标上的 href 设置为“homepage.php?fade=true”。然后，您可以获取传递的变量并执行 if 语句来查看是否应该重新加载页面或向其显示淡出。