我们可以控制关于 URL 的网页吗？答案

【问题标题】：Can we control webpage with respect to URL?我们可以控制关于 URL 的网页吗？
【发布时间】：2012-12-04 16:47:45
【问题描述】：

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

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

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

谁能给点建议？

【问题讨论】：

获取 URL：css-tricks.com/snippets/javascript/… 隐藏元素：api.jquery.com/hide
这个的后端是什么？它是 Java 网络应用程序、php 等吗？
页面是否相同？或者你有不同的网址不同的页面？
如果您无意在该页面上显示 DIV，则使用 javascript 隐藏 DIV 是一种不好的做法。隐藏在服务器端会更好

标签： javascript jquery html css url

【解决方案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";
}

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

【讨论】：

在 jQuery 中你忘记了右括号。

【解决方案2】：

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

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

【讨论】：