我有一张图像，我只想在主页上加载一次，通过我的介绍页面访问（加载时它会消失，是我介绍页面的一种视觉回声）。单击导航栏中的“主页”后，我不希望图像出现在后续视图的主页上。
有人建议我设置一个 cookie，或者使用 URL 参数“指定是否淡化图像”（设置 /index?nofade=true）。我想试试后者，因为不是每个人都启用 cookie。
问题是，在网上拖了一天之后，我也不知道该怎么办，（脸红）。
谁能帮帮我？我是编码新手，所以不确定如何编写/包含“不褪色真实”位，我正在使用 jquery。
【问题讨论】：
标签： jquery url-parameters
您可以使用 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
}
})
【讨论】：
您可以添加一个检查以查看该查询字符串是否在您的代码之前设置以淡化图像。
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
}
该函数使用正则表达式解析您传递给它的查询字符串，并在未找到该查询字符串时返回其值，并带有可选设置的默认值
【讨论】：
如果我理解正确，您希望当有人访问您的页面 http://www.example.com 时，您的徽标会在他们每次访问该页面时出现，然后必须点击您的徽标才能进入并被带到 http://www.example.com/homepage.php，您的徽标将在那里淡出。
但如果他们随后重新加载您的页面，您是否希望徽标不存在？对吗。
如果是这样，您只需将徽标上的 href 设置为“homepage.php?fade=true”。然后，您可以获取传递的变量并执行 if 语句，以查看是否应该重新加载页面或显示淡出。
【讨论】：