Javascript - 检查哈希值，忽略以下分析代码

Question

我们正在将视频添加到网站的主页，并希望每当 URL 中出现 #video 标签时能够自动弹出视频（在灯箱样式的容器中）：

http:// www.domain.com#video

如果在网站内部点击链接（即：），则需要弹出视频如果哈希值存在于页面加载时的 URL 中。

使用 window.location.hash 或单击带有哈希的链接并触发关联的 JavaScript 函数时，可以轻松检查 URL 中的哈希。这按预期工作，没有任何问题。

但是，由于此 URL 将在自动添加 Google Analytics 代码的电子邮件中发送，因此分析代码将附加到 URL 的末尾：

http://www.domain.com#video?utm_source=...< /code>

由于分析代码会随每个电子邮件活动而变化，因此我无法执行简单的 Javascript replace() 来忽略分析代码。

如何检查 URL 中是否存在哈希值，但忽略 后面的任何内容？如果存在？

Answer 1

URL 的正确形式不是在查询参数后面添加哈希值吗？然后，location.hash 变量将正常工作，并且您不需要特殊代码。您的 URL 应如下所示，然后您可以直接使用 location.hash ，即 #video：

http://www.domain.com?utm_source=xxx#video

我不建议将此作为解决方案（我认为您应该获取网址固定为合法），但您可以使用此代码来解析URL 之外的哈希值，即使它位于非法位置：

var matches = window.location.href.match(/#(.*?)(\?|$)/);
if (matches) {
    var hash = matches[1];
}

此代码从“#”提取到字符串的任一末尾或“?”以先到者为准。您可以在此处看到它在一堆测试 URL 上运行： http://jsfiddle.net/jfriend00/HuqL7/< /a>.

Answer 2

location.hash.match(/[^?]*/)

假设哈希值总是第一个，那就应该可以了。

Answer 3

（这是对您问题的字面答案，但有一个巨大的警告）从技术上讲，您可以测试：

var h = window.location.hash;
var ind = h.indexOf( '?' );
var test = ind <0?h:h.substr(0, ind)

如果您希望 Google Analytics 正常工作，您可能会遇到问题#。规则是 # 之后的所有内容都不会发送到服务器，这意味着您的 Analytics 可能会消失。您需要确保您的哈希值添加在所有 Google 内容之后。如果是的话，那么您就无需担心测试任何内容。