如何从URL中获取片段标识符

片段标识符是一个字符串，它指向一个次要资源。

方法1

可以通过将一个新变量定义为location.hash来打印片段标识符，然后使用document.getElementbyId()方法来显示它。

语法：

var x =  location.hash;
document.getElementById("demo").innerHTML = x;

示例： 在这个示例中，我们将使用 location.hash 属性。

<body> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
      
    <button onclick="GFG()"> 
        Try it 
    </button> 
      
    <p id="demo"></p> 
      
    <script> 
        function GFG() { 
            location.hash = "#fragment_identifier"; 
            var x = location.hash; 
              
            document.getElementById( 
                    "demo").innerHTML = x; 
        } 
    </script> 
</body>

输出：

如何从URL中获取片段标识符

方法2

我们定义了一个变量hash，该变量存储URL中#后面的任何内容，即片段标识符，然后我们将其显示为警报。通过将子字符串存储在变量中来完成。

语法：

var hash = url.substring(url.indexOf('#') + 1);
alert(hash);

示例2： 这个示例使用substring()方法来显示片段标识符。

<body> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
      
    <p id="demo"></p> 
      
    <script> 
        var url = 
            "www.geeksforgeeks.com/article.php#hello"; 
          
        var hash = url.substring(url.indexOf('#') + 1); 
          
        document.getElementById("demo").innerHTML = hash; 
    </script> 
</body>

输出：

如何从URL中获取片段标识符