html - 是否可以制作仅在使用锚链接时才可见的网页的隐藏部分？

Question

我想向现有网页添加一个部分，但只有在用户键入带有特定锚链接的 URL 时才使其可见。这可能吗？或者如果 URL 有某个锚链接，是否可以重定向到新页面？

Answer 1

也许试试这个。首先将隐藏部分设置为display: none;，然后使用 jQuery 根据 url 中的哈希取消隐藏它。

CSS：

.hiddenDiv {
  display: none;
}

jQuery：

function showDiv() {
  if (window.location.hash === '#hashNecessaryToShowDiv') {
    $('.hiddenDiv').css('display', 'block');
  }
}
showDiv();

Answer 2

由于您不介意使用 JS，因此您可以通过监听onhashchange事件来决定是否应该显示特定部分。

http://jsfiddle.net/C3kHT/

window.addEventListener("hashchange",function(){
  if(location.hash=="#trap") /*show section*/
},false);

抱歉，我手头没有 IE 8，所以我不确定小提琴代码是否真的在 IE 8 中工作。

Answer 3

如果 url 具有特定的锚点，则重定向：

var anchor = "#tag";
var url = "http://www.google.com";
if(window.location.indexOf(anchor) !== -1){
    window.location = url;
}