Hash 散列检测和页面处理

Hash 散列检测和页面处理,hash,tabs,hyperlink,Hash,Tabs,Hyperlink,我有一个带有jquery选项卡的页面。每个选项卡都有自己的链接(mysite.com/index.html#tab1)。还有我的js功能,它在点击标签链接时起作用——它根据点击的标签改变页面上的一些内容。 问题: 当访问者通过带有特定散列的链接访问站点时,我需要启用我的js功能,而不仅仅是单击选项卡。这意味着我需要检测URL中的哪个#,并为链接中的特定#执行特定功能。您可以使用javascript,检查URL是否包含任何并获取是什么,然后适当地更改页面 // get the current ur

我有一个带有jquery选项卡的页面。每个选项卡都有自己的链接(mysite.com/index.html#tab1)。还有我的js功能,它在点击标签链接时起作用——它根据点击的标签改变页面上的一些内容。 问题:
当访问者通过带有特定散列的链接访问站点时,我需要启用我的js功能,而不仅仅是单击选项卡。这意味着我需要检测URL中的哪个#,并为链接中的特定#执行特定功能。

您可以使用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在上述示例中输出

显示我