HTML | DOM 链接 href 属性

HTML | DOM Link href 属性用于设置或返回链接文档的 URL 。

句法：

• 它返回 href 属性。

  linkObject.href

• 它用于设置 href 属性。

  linkObject.href = URL 

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

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

返回值：它返回一个字符串值，表示链接文档的 URL。

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

  

    

  

    GeeksForGeeks
    DOM Link href Property
  
    Get URL
    
  
    
  
  
    
        function gfg() {
  
            // Access link element. 
            var NEW = document.getElementById(
                "linkid").href;
            document.getElementById(
                "pid").innerHTML = NEW;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

  

    

  

    GeeksForGeeks
    DOM Link href Property
  
    Get URL
    
  
    
  
  
    
        function gfg() {
  
            // Access link element. 
            var NEW = document.getElementById(
                "linkid").href = "style3.css";
            
            document.getElementById(
                "pid").innerHTML = 
              "The value of the href attribute"+
              " was changed to " + NEW;
        }
    
  

  

输出 ：

点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧