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

我有一个关于锚定标记和javascript的问题

文本框接受url（例如“www.youtube.com”）

我制作了一个Javascript函数，将“http://”添加到链接中

如何使转换按钮在网页上添加一个链接，将您带到另一个选项卡中的网站

我的Javascript代码如下所示：

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

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

---

您可以通过动态添加锚标记来实现这一点

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

请在这里查看更多参考资料

函数addLink（）
{       
var url=document.getElementById（“链接”）.value；
var webpage=“http://”+url；
var a=document.createElement（“a”）；//创建锚元素
a、 href=webpage；//设置其href
a、 textContent=url；//设置其文本
document.getElementById（“容器”）.appendChild（a）；//将其附加到所需的位置
}

a{
显示：块；
}

添加

您可以生成元素并对其应用所需的属性。然后将新链接附加到输出段落

函数生成（）{
var a=document.createElement（'a'）；
a、 href='http://'+document.getElementById（'href'）.value；
a、 目标='u blank'；
a、 appendChild（document.createTextNode（document.getElementById（'href'）.value））；
document.getElementById（'link'）.appendChild（a）；
document.getElementById（'link'）.appendChild（document.createElement（'br'））；
}

链接：生成

我假设您知道如何编写JavaScript，所以我不会去那里。问题是理解

的
target
属性，到目前为止，这是包含
target
属性的唯一答案，该属性解决了OP关于在另一个选项卡中打开的问题，很好！