Javascript 我们可以就URL控制网页吗？

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

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

顶部
底部

如果www.alldiv.com，两个div都应可见，否则如果www.bottdiv.com“top div”应隐藏

有人能提供建议吗？

使用您能做的事

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";
}

这就是说，如果您想隐藏它，您甚至不应该将它发送给客户端，除非您想稍后使用您可以做的来显示它

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

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";
}

也就是说，如果你想隐藏它，你甚至不应该把它发送给客户端，除非你想以后再显示它

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

只要您首先导入jQuery，就应该做到这一点

---

只要您首先导入jQuery，就应该可以做到这一点。

Get-URL:Hide-element:What's backend for this？它是Java web应用程序、php等吗？页面是否相同？或者不同的URL有不同的页面吗？如果您不打算在页面上显示DIV，那么使用javascript隐藏DIV是不好的做法。最好隐藏It服务器端URL:hide element:这个的后端是什么？它是Java web应用程序、php等吗？页面是否相同？或者不同的URL有不同的页面吗？如果您不打算在页面上显示DIV，那么使用javascript隐藏DIV是不好的做法。最好将它隐藏在服务器端。在jQuery中，您忘记了右括号。在jQuery中，您忘记了右括号。