HTML | DOM 输入 URL 值属性

HTML DOM 中的DOM Input URL value 属性用于设置或返回输入 URL 字段的值。该属性指定默认值或用户类型值。

句法：

• 它返回 value 属性。

  urlObject.value

• 它用于设置 value 属性。

  urlObject.value = number

属性值：它包含一个值，即URL ，它指定通常指向另一个网站 URL 的绝对 URL。

返回值：它返回一个字符串值，该值代表表示 URL 的数字。

示例 1：此示例说明如何返回值 Property。

  

    
        DOM Input URL value Property
    

  

    
         
                GeeksForGeeks 
            
  
        
          DOM Input URL value Property
      
  
        
            Enter URL
        
  
        
  
        
        
  
        
            Click
        
  
        
      
  
        
            function geeks() {
                
                // Return the value property.
                var link = 
                document.getElementById(
                  "gfg").value;
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        
    

  

输出：

点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置值属性。

  

    
        DOM Input URL value Property
    

  

    
         
                GeeksForGeeks 
            
  
        DOM Input URL value Property
  
        
            Enter URL
        
  
        
  
        
        
  
        
            Click
        
  
        
      
  
        
            function geeks() {
                
                // Set the URL value.
                var link = 
                document.getElementById("gfg").value = 
                    "https://www.google.com/";
                
                document.getElementById("GFG").innerHTML = 
                  "The value was changed to  " + link;
            }
        
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM input URL value 属性支持的浏览器如下：

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