Question

我想记录用户输入的所有链接，然后当他们按下按钮时，打开单独选项卡中的每个链接。我目前的代码是：

<html>
<head>
    <script type='text/javascript'>
    function clickyClick() {
        url = document.getElementById("serieslink").value
        window.open(url, '_blank');
    }
</script>
</head>
<body>
  <form>Series Name:
    <input type="text" name="series1name" id="seriesname"><br>
Series Link:
    <input type="text" name="series1link" id="serieslink">
  </form>
  <br>
  <button onclick="AddSeries()">Add A New Series</button><br>
  <button onclick="clickyClick()">Open Incomplete Series</button>

</body>

实际上，我的代码将使用用户输入的链接和名称，并将它们带到该单个链接。我希望他们能够输入多个链接，然后保存，然后单击一个按钮并将其带到所有页面。

Answer 1

您可以通过多种方式将多个链接作为文本中的输入。

其中一种方式是逗号分隔。在那种情况下 -

function clickyClick() {
    var urls = document.getElementById("serieslink").value.split(",");
    for(url in urls){
            window.open(url, '_blank');
    }
}

如果要维护用于存储URL的Javascript数组，

var urlArray = [];
urlArray.push(url);

但是，您还必须处理页面刷新时保留其值的情况。为此，您需要使用localStorage来存储和检索。

请参阅this post了解具体方法。

如何在HTML / JS中存储由表单函数输入的多个字符串？

1 个答案: