如何在 JavaScript 中创建链接？

给定一个 HTML 文档，任务是创建一个 JavaScript 链接并使用 JavaScript 将其添加到文档中。

方法：

• 创建一个锚 元素。
• 创建一个文本节点，其中包含一些将显示为链接的文本。
• 将文本节点附加到锚 元素。
• 设置 元素的 title 和 href 属性。
• 在正文中附加 元素。

示例 1：在此示例中，创建节点并通过 JavaScript 方法设置属性。

 
 
     
         
            How to create a link in JavaScript ?
        
     
      
    
          
         
            GeeksForGeeks
        
          
        
        
          
        
            click here
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            el_up.innerHTML = "Click on the button to generate "
                    + "a link using JavaScript.";
              
            function GFG_Fun() {
                  
                // Create anchor element.
                var a = document.createElement('a'); 
                  
                // Create the text node for anchor element.
                var link = document.createTextNode("This is link");
                  
                // Append the text node to anchor element.
                a.appendChild(link); 
                  
                // Set the title.
                a.title = "This is Link"; 
                  
                // Set the href property.
                a.href = "https://www.geeksforgeeks.org"; 
                  
                // Append the anchor element to the body.
                document.body.appendChild(a); 
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例与上面的示例类似，但使用 prepend() 方法将锚元素添加到正文。

 
 
     
         
            How to create a link in JavaScript ?
        
     
      
    
          
         
            GeeksForGeeks
        
          
        
        
          
        
            click here
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            el_up.innerHTML = "Click on the button to generate "
                    + "a link using JavaScript.";
              
            function GFG_Fun() {
                  
                // Create anchor element.
                var a = document.createElement('a'); 
                  
                // Create the text node for anchor element.
                var link = document.createTextNode("This is link");
                  
                // Append the text node to anchor element.
                a.appendChild(link); 
                  
                // Set the title.
                a.title = "This is Link"; 
                  
                // Set the href property.
                a.href = "https://www.geeksforgeeks.org"; 
                  
                // Append the anchor element to the body.
                document.body.prepend(a); 
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。