HTML | DOM 位置 href 属性

HTML 中的Location href 属性用于设置或返回当前页面的完整 URL。 Location href 属性还可用于将 href 值设置为指向另一个网站或指向电子邮件地址。 Location href 属性返回一个字符串，其中包含页面的整个 URL，包括协议。

句法：

• 它返回 href 属性。

  location.href

• 它用于设置 href 属性。

  location.href = URL

下面的程序说明了 HTML 中的 Location href 属性：

示例 1：

  

    DOM Location href Property
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
    DOM Location href Property
    
      For returning the entire URL current page,
      double click the "Return URL" button: 
    
    Return URL
    
    
        function myhref() {
            var h = location.href;
            document.getElementById("href").innerHTML = h;
        }
    

  

输出：

点击按钮后：

示例2：设置href 值指向网站的另一个URL。

  

    DOM Location href Property
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
    DOM Location href Property
    
      For redirecting to GeeksforGeeks homepage,
      double click the "Redirect" button:
    
    Redirect
    
        function myhref() {
            location.href = 
              "https://www.geeksforgeeks.org";
        }
    

  

输出：

点击按钮后：

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

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器