Question

从前，我遇到了一个简单而有效的脚本，该脚本允许将复制的链接（逐行）粘贴到一个框中，然后在按下按钮后，它以新的方式打开所有链接（http://etc.etc）标签。

很遗憾，我已经删除了该宝石。

您能帮我制作一个简单的本地.html页面吗，用户可以在其中粘贴网址列表：

并在按下按钮后将在浏览器中打开它们的url-s

这就是我要寻找的： https://thewindowsclub-thewindowsclubco.netdna-ssl.com/wp-content/uploads/2014/07/urlopener.jpg

最近的电话是这个

<html>
<head>
<script type="text/javascript">
function open_win() {
window.open("http://www.java2s.com/")
window.open("http://www.java2s.com/")
}
</script>
</head>
<body>
<form>
<input type=button value="Open Windows" onclick="open_win()">
</form>
</body>
</html>

用户应该能够以列表的形式粘贴自己的链接，而不是使用预定义的URL

Answer 1

要打开新标签，您可以使用JavaScript命令window.open(url,'_blank');，其中URL是对您要打开的URL的引用。这是window.open的参考。

对于您的特定用例，您想创建一个HTML文档，其中包含<textarea>之类的内容，并带有一个提交按钮。然后，您将获取文本，将其沿换行符拆分为一个数组（使用String.split），然后遍历结果并在每个条目上调用window.open函数。

我希望这会有所帮助！

Answer 2

这是怎么做

document.getElementById("submit").addEventListener("click", function(){

    var urls = document.getElementById("url").value.split(" ");
    console.clear();
    
    urls.forEach(function(element){
        console.log(element)
        window.open(element,'_blank');
    });
});

<p>Insert your URl seperated by space </p>
<input type="text" id="url" value="https://www.google.se http://www.icefilms.info/" />

<input type="button" id="submit" value="open" />

如何通过自定义本地.html打开多个url-web链接？

2 个答案: