HTML | DOM 锚路径名属性

HTML DOM 中的DOM Anchor pathname 属性用于设置或返回href 属性值的路径名部分。所有浏览器都将返回“/test.htm”，而 IE 9 将返回“test.htm”。

句法：

• 它返回路径名属性。

  anchorObject.pathname

• 它用于设置路径名属性。

  anchorObject.pathname = path

属性值：它包含指定 URL 路径名的值，即路径。

返回值：它返回一个字符串值，表示 URL 的路径名。

示例 1：此示例返回 URL 的路径名。

  

    
        HTML DOM Anchor pathname Property
    

  

    
        
          GeeksForGeeks
      
  
        
          DOM Anchor pathname Property
      
  
        Welcome to
             
                GeeksforGeeks 
            
        
  
        
          Submit
      
  
        
      
  
        
            function myGeeks() {
                
                var x = 
                    document.getElementById(
                      "GFG").pathname;
                
                document.getElementById(
                  "sudo").innerHTML = x;
            }
         "
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 URL 的路径名。

  

    
        HTML DOM Anchor pathname Property
    

  

    
        
          GeeksForGeeks
      
  
        
          DOM Anchor pathname Property
      
  
        Welcome to
             
                GeeksforGeeks 
            
        
  
        
          Submit
      
  
        
      
  
        
            function myGeeks() {
                
                var x = 
                    document.getElementById(
                      "GFG").pathname;
                
                document.getElementById(
                  "sudo").innerHTML = 
                  "The pathname will be changd now";
            }
         "
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM Anchor Pathname 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器