Web API URL.pathname用法及代码示例

这个Web API URL.pathname属性用于获取包含初始“/”和URL路径的USVString。

用法:

var str = URL.pathname

返回值：这个性质返回包含URL路径名的USVString。

注意：如果t这里没有为URL设置路径，因此它将仅返回/。

范例1：没有为URL设置路径，因此它将仅返回/

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <button onclick="get()"> 
        Click on Me! 
    </button> 
  
    <script type="text/javascript"> 
        function get() { 
            var url = new URL( 
        'https://www.geeksforgeeks.org'); 
  
            // There is no path for the URL, 
            // so it will return only / 
            console.log("pathname of current URL is:", 
                url.pathname); 
        } 
    </script> 
</body> 
  
</html>

输出：

范例2：

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <div id="abc"></div> 
  
    <br><br> 
    <button onclick="get()"> 
        Click on Me! 
    </button> 
  
    <script type="text/javascript"> 
        function get() { 
            var url = new URL( 
    'https://www.geeksforgeeks.org/GeeksforGeeks'); 
  
            a = document.getElementById("abc"); 
      
            a.innerHTML = "pathname of current URL is:" 
                + url.pathname; 
        } 
    </script> 
</body> 
  
</html>

输出：

支持的浏览器：

Safari
Opera
Chrome
Edge
Firefox

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 Web API URL.pathname Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。