Question

我想在不同的网址中显示/隐藏div。 Div基于URL显示/隐藏。

<div class="top">Top</div>
<div class="bottom">Bottom</div>

如果www.alldiv.com www.bottdiv.com“top div”应该隐藏，那么www.alldiv.com两个div应该是可见的。

有人可以建议吗？

Answer 1

使用hostname即可

<强>的jQuery

$(function() {
  var host = location.hostname;
  $(".top").toggle(host.indexOf("alldiv")!=-1); // only show on alldiv
});

普通JS

window.onload=function() {
  var host = location.hostname;
  var topDiv = document.getElementsByClassName("top");
  topDiv.style.display=host.indexOf("alldiv")!=-1)?"block":"none";
}

说，如果你想隐藏它，你甚至不应该把它发送到客户端，除非你想稍后再显示它

Answer 2

$(function () {
  if(location.hostname == "www.alldiv.com") return;
  else if(location.hostname == "www.bottdiv.com") $(".top").hide();
})

只要先导入jQuery，这应该可以解决问题。

我们可以控制网页的URL吗？

2 个答案: