使用JavaScript在HTML中动态创建锚点标记

我有一个关于锚点标记和javascript的问题。 Converting a URL to an anchor tag 使用JavaScript在HTML中动态创建锚点标记

文本框接受URL

我做了一个JavaScript函数，增加了（如 “www.youtube.com”）的 “http：//” 的链接。

我该如何做到这一点，以便转换按钮在网页上添加一个链接，将您带到另一个选项卡中的网站。

我的JavaScript代码如下：

var webpage=""; 
var url=""; 
var message=""; 
var x= 0; 
var page=""; 

function convert() 
{  
    url=document.getElementById("link").value; 
    webpage = "http://" + url; 
}

来源

2017-02-18 Kyle Goertzen

您只需通过添加锚标记动态

var mydiv = document.getElementById("myDiv"); 
var aTag = document.createElement('a'); 
aTag.setAttribute('href',webpage); 
aTag.innerHTML = "link text"; 
mydiv.appendChild(aTag);

做到这一点

来源

2017-02-18 20:07:46 RupamDotInfo

function addLink() 
 
{  
 
    var url = document.getElementById("link").value; 
 
    var webpage = "http://" + url; 
 
    
 
    var a = document.createElement("a");     // create an anchor element 
 
    a.href = webpage;         // set its href 
 
    a.textContent = url;         // set its text 
 
    
 
    document.getElementById("container").appendChild(a); // append it to where you want 
 
}

a { 
 
    display: block; 
 
}

<div id="container"></div> 
 
<br><br> 
 
<input id="link"/><button onclick='addLink()'>ADD</button>

来源

2017-02-18 20:08:33

您可以生成元素并将neede属性应用于它。然后将新链接附加到输出段落。

function generate() { 
 
    var a = document.createElement('a'); 
 
    
 
    a.href = 'http://' + document.getElementById('href').value;  
 
    a.target = '_blank'; 
 
    a.appendChild(document.createTextNode(document.getElementById('href').value)); 
 
    document.getElementById('link').appendChild(a); 
 
    document.getElementById('link').appendChild(document.createElement('br')); 
 
}

Link: <input id="href"> <button onclick="generate()">Generate</button> 
 
<p id="link"></p>

来源

2017-02-18 20:13:41

到目前为止，这是包括'''target'''属性，它解决了有关在另一个选项卡中打开了OP的问题，漂亮的唯一的答案！ – j3py

我假设你知道如何编写JavaScript，所以我不会去那里。问题是了解<a>标签的target属性。

W3Schools: Target Attribute

来源

2017-02-19 00:36:09

使用JavaScript在HTML中动态创建锚点标记

回答

相关问题