如果 URL 包含任何内容，则触发 Javascript 函数

Question

基本上，如果 URL/window.location 绝对包含任何变量（当然是过去的 domain.com/），我希望 javascript 执行某些操作。

目前，我有以下 jQuery 代码，它仅在 window.location 包含确切的措辞“#hash”时执行，但如前所述，我想扩展所有变量的功能。

编辑：抱歉，澄清一下，变量是指以下任何一个示例：

• domain.com/#hash
• domain.com/#hash2
• domain.com/子/文件夹
• domain.com/textwithoutahash

另外，如果有人知道如何在基本的 Javascript 中做到这一点并且不需要 jQuery 库，那将是一个额外的好处！

$(function() {
    if ( window.location.href.indexOf('#hash') > -1 ) {
        myfunctionhere;
    }
});

Answer 1

请参阅最后的更新以说明您的说明

将脚本放在页面末尾，就在关闭</body>之前，并且：

如果“变量”是指文档片段标识符（“哈希”），那么：

<script>
if (location.hash) {
    callYourFunction();
}
</script>

如果“变量”是指查询字符串，那么

<script>
if (location.search) {
    callYourFunction();
}
</script>

如果“变量”是指资源名称，例如，不是http://domain.com，而是http://domain.com/page，那么：

<script>
if (location.pathname && location.pathname !== "/") {
    callYourFunction();
}
</script>

更多关于位置对象on MDN。

---

再澄清一下：

编辑：抱歉，澄清一下，变量是指以下任何一个示例：

这些例子归结为hash 或pathname 或两者兼有，所以：

<script>
if ((location.pathname && location.pathname !== "/") || location.hash) {
    callYourFunction();
}
</script>

...当然，如果您还想处理http://domain.com?foo=bar，那么也添加search：

<script>
if ((location.pathname && location.pathname !== "/") ||
    location.search ||
    location.hash) {

    callYourFunction();
}
</script>

Answer 2

您可以检查是否有hash、pathname 或search。

或者，为了简化，你可以简单地使用这个：

if (window.location.href.split('/').filter(Boolean).length > 2) {
    callYourFunction();
}

window.location.href 就是整个 URL。如果域后面有东西，就会显示出来。

以下情况会触发此功能：

• domain.com/some/path
• domain.com/#hash
• domain.com/?some=variable

Answer 3

您可以检查window.location 的search 属性是否设置为某个值。另外，您可以查看hash 属性：

if (window.location.search || window.location.hash) {
  yourfunctionhere();
}

要在不使用 jQuery 的情况下调用它，只需将其包含在“onload”脚本中即可：

<script type='text/javascript'>
  document.onload = function () {
    if (window.location.search || window.location.hash) {
      yourfunctionhere();
    }
  }
</script>