检查路径名是否有“0”#&引用;使用javascript

检查路径名是否有“0”#&引用;使用javascript,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个简单的HTML+CSS+JavaScript小站点,在这个站点中,我试图在单击时打开一个新的选项卡,它在这里打开相同的url,但在该选项卡窗口中重定向到另一个url 在下面做一个流行音乐的基本想法 所以,我打开了href=“index.html”——我在页面上加了#符号,只是为了和原来的(第一次打开的)页面有所不同,所以我可以在再次打开的页面上做一些更改。该标志出现在地址栏上,一切正常。除了-这里有一个问题: window.location.pathname无法识别“#”符号

我正在尝试创建一个简单的HTML+CSS+JavaScript小站点,在这个站点中,我试图在单击时打开一个新的选项卡,它在这里打开相同的url,但在该选项卡窗口中重定向到另一个url

在下面做一个流行音乐的基本想法

所以,我打开了
href=“index.html”
——我在页面上加了#符号,只是为了和原来的(第一次打开的)页面有所不同,所以我可以在再次打开的页面上做一些更改。该标志出现在地址栏上,一切正常。除了-这里有一个问题:

  • window.location.pathname
    无法识别“#”符号
不想使用cookies或类似的东西-需要非常轻。

试试这个 href=“#” 这就是我的测试仪,它转到了同一个url,但带有一个#符号

比如

`<!doctype html>
<html>
<head>
    <title>CSS Layouts</title>
    <link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>

    <header>
        <nav>
            <h1>My Page</h1>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Links</a></li>
            </ul>
        </nav>
    </header>

    <div class="row">
        <div class="col1"></div>
        <div class="col2"></div>
        <div class="col2"></div>
    </div>

    <footer></footer>

</body>
</html>`
`
CSS布局
我的页面
`
采用路径
href=“index.html#tab”


window.location.hash
将为您提供#值。谢谢您,Parth Trivedi。-我只需要添加以下内容:hash后面必须有一些内容-“#”符号未注册到.hash命令-但是,这可以帮我完成这项工作。再次感谢如果您发现我的答案有助于您通过投票获得感谢。我很乐意-已经尝试过-我需要15次经验才能做到这一点-我在这里是一个新手:数据应该适合您,无需指定文件名,只需href=“#”
//get hash value
var hashValue = window.location.hash;

//check for hash value
if(hashValue!=undefined && hashValue=="#tab")
{
      //do thing 
}