我想创建一个<button>单击后将在新选项卡中打开URL的地址。
在纯HTML中，这很容易实现，但是要注意的是，它<button>是动态生成的，因此必须在JavaScript中完成。
这是<button>到目前为止我使用JavaScript和HTML DOM创建的代码：
<body>
<div id = 'only_div'>
</div>
<script>
var btn=document.createElement("button");
btn.innerText = "Click me";
document.getElementById("only_div").appendChild(btn);
</script>
</body>
在此现有代码中，我只想添加一点，即单击该URL时（例如http://www.stackoverflow.com）将在新选项卡中打开。
您可以执行以下操作，这将在新标签页中打开标签页，然后转到该标签页：
function openInNewTab(url) {
const win = window.open(url, '_blank');
win.focus();
}
const btn=document.createElement("button");
btn.innerText = "Click me";
btn.addEventListener('click', function () {
openInNewTab('http://www.test.com')
});
document.getElementById("only_div").appendChild(btn);
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句