javascript - 我们可以根据 URL 来控制网页吗？

Question

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

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

如果 www.alldiv.com 两个 div 都应该可见，否则如果 www.bottdiv.com “top 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";
}

就是说，如果你想隐藏它，你真的不应该将它发送给客户端，除非你想稍后显示它