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

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

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

方法1

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

语法:

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

示例: 在这个示例中,我们将使用 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>
HTML

输出:

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

方法2

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

语法:

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

示例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>
HTML

输出:

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册