首页 > 解决方案 > 如何通过自定义本地 .html 打开多个 url-web-links?

问题描述

曾几何时,我遇到了一个简单但有效的脚本,它允许将复制的链接(逐行)粘贴到一个框中,然后按下按钮后,它在新选项卡中打开所有链接( http://etc.etc ) .

不幸的是,我已经删除了这个宝石。

你能帮我制作一个简单的本地 .html 页面,用户可以在其中粘贴 url 列表:

按下按钮后,它将在浏览器中打开它们 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-s 用户应该能够以列表的形式粘贴自己的链接

标签: javascripthtml

解决方案


要打开一个新选项卡,您可以使用 javascript 命令window.open(url,'_blank');,其中 URL 是对您要打开的 URL 的引用。这是window.open.

对于您的特定用例,您需要创建一个 HTML 文档,其中包含类似 a<textarea>的内容和一个提交按钮。然后,您将获取文本,沿换行符将其拆分为一个数组(使用String.split),然后循环遍历结果并window.open在每个条目上调用该函数。

我希望这有帮助!


推荐阅读