基于URL或ID加载DIV

Question

我希望某个功能div container-new仅在某些页面上加载。我的理论是在加载上运行IF语句，以说明页面URL是否等于/A2017.html或/A2018.html或/A2017.html加载<div id="conrainer_new"></div>否则不加载。这是可以通过JS或JQuery实现的。

我已经尝试过，但是DIV仍在所有URL上加载。我确定有更好的解决方案。另外，我需要一个能够在规则中包含多个URL。

if (window.location.search..search(/A2017.html)) 
  document.getElementById('conrainer_new').display = 'block'

Answer 1

您可以尝试使用类似的方法，但使用indexOf。如果找到页面名称的字符串，索引将返回位置而不是-1，以便条件为真。

if (window.location.href.indexOf('/A2017.html') != -1) {
    document.getElementById('container_new').display = 'block'
}

Answer 2

当您在URL中检查多个值时，您可以使用正则表达式：

if (window.location.match(//A2017.html|/A2018.html/i)
  document.getElementById('conrainer_new').display = 'block'

还要注意，如果URL上永远不会有Querystring，则可以向正则添加$，以确保匹配仅在URL字符串的末尾，例如//A2017.html$|/A2018.html$/i