javascript - 如何从数组中的 textarea HTML 标记获取数据，然后循环遍历它？

Question

我正在创建一个网页，该网页会收集用户的链接并在新选项卡中打开每个链接。为了收集链接，我使用 HTML 的 <textarea>带有提交按钮的标签。

用户应该为每一行只提供一个链接

https://google.com
https://stackoverflow.com
https://facebook.com

我会通过此函数发送每个传递的每个 URL 来打开链接。

function open(url) {
  var open= window.open(url, '_blank');
  open.focus();
}

但是究竟如何运行循环呢？如何从 textarea 获取值在一个数组中，然后运行一个循环，将每个索引处的值发送到此函数？

如果您认为这可以用比其他更好的方式完成，请随意添加您的方法。

Answer 1

如果你给你的文本区域一个唯一的标识符会有所帮助，这样我们就可以很容易地得到它的内容。即 <textarea id="linksInput">...</textarea>

然后我们可以做

let links = document.getElementById("linksInput").value.split("\n");

我们获取 textarea 中的值并在每个换行符 ("\n") 处拆分它，在数组中获取我们的各个链接，每个元素都是来自原始 textarea 值的一行。现在我们可以遍历数组 links .

for (let i = 0; i < links.length; i++) {
    open(links[i]);
}