hash - 哈希检测和页面处理

Question

我有带有 jquery 选项卡的页面。每个选项卡都有自己的链接 (mysite.com/index.html#tab1)。还有我的 js 函数在单击选项卡链接时起作用 - 它根据单击的选项卡更改页面上的一些内容。 问题： 当访问者通过具有特定哈希的链接访问网站时，我需要启用我的 js 功能，而不仅仅是通过单击选项卡。这意味着我需要检测 URL 中的哪个 # 并针对链接中的特定 # 执行特定功能。

Answer 1

您可以使用 javascript 并检查 url 是否包含任何内容#并获取内容#，然后适当地更改页面。

// get the current url.
var URL = window.location;
// URL = 'http://example.net/#displayme'; // just an example that will work.
var hashtag = 'null';

try{
    // get a substring of everything after the # excluding the '#'
    hashtag = URL.substr(URL.indexOf('#') + 1, URL.length); 

    if(hashtag == 'someVar'){
         // change content
    }
} catch(err){
    //the url didn't contain a #
}

document.write(hashtag);

上面的脚本主要检查 URL 并尝试查找它是否包含任何 #，您可以将脚本放在$(document).ready(function() { addScriptHere(); });函数中，以便在页面加载后调用它，并使用 jQuery 以任何您想要的方式更改页面。

使用注释掉的 URL 在上面的示例中输出

显示