HTML | DOM 锚点 href 属性

HTML DOM 中的DOM Anchor href 属性用于设置或返回链接的 href 属性值。 href 属性用于指定链接的目的地。

句法：

• 它返回 href 属性。

  anchorObject.href

• 它用于设置 href 属性。

  anchorObject.href = URL 

属性值：它包含指定链接 URL 的值，即URL 。

• 绝对 URL：它指向另一个网站。
• 相对 URL：它指向网站内的文件。
• 锚点 URL：它指向页面内的一个锚点。

返回值：它返回一个字符串值，表示包括协议在内的链接的整个 URL。

示例 1：此示例返回 href 属性。

  

    
        HTML DOM Anchor href Property
    

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 href 属性。

  

    
        HTML DOM Anchor href Property
    

  

    
        
          GeeksForGeeks
      
  
        
          DOM Anchor href Property
      
  
        Welcome to
             
                GeeksforGeeks 
            
        
  
        
          Submit
      
  
        
      
  
        
            function myGeeks() {
                
                var x =
                    document.getElementById("GFG").href = 
                    "https://ide.geeksforgeeks.org/tryit.php";
                
                document.getElementById("sudo").innerHTML = x;
            }
         "
    

  

输出：
点击按钮前：

点击按钮后：

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

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