时间戳

首页 > 解决方案 > 如何使用javascript打开带有多个标签的新窗口？

javascript - 如何使用javascript打开带有多个标签的新窗口？

问题描述

我想在打开多个选项卡的新窗口中打开一个链接。目前，我可以在同一个窗口中打开多个标签；这看起来像：

$('a.yourlink').click(function(e) {
      e.preventDefault();
      window.open('http://yahoo.com');
      window.open('http://google.com');

因此，单击“yourlink”类的链接将在同一窗口中打开多个链接。为了做同样的事情，但在一个新的普通窗口中，我尝试window.open('url', 'window name', 'window settings')在第一个window.open. 但是，这只会使一个链接在新窗口中打开，而且格式也不理想。

标签： javascripthtmljquery

解决方案

您可以通过执行以下操作来实现：

假设您当前的文件是index.html.

第 1 步：创建一个新文件，例如，在与index.html. （比方说temp.html）。

第 2 步：现在在 JavaScript 代码index.html中，编写：

$('a.yourlink').click(function(e) {
    e.preventDefault();
    window.open('./temp.html', '_blank', 'location=yes,scrollbars=yes,status=yes');
});

这将打开一个新窗口。

第 3 步：只需在 中添加script标签temp.html，并在其中编写以下代码：

var links = ['http://yahoo.com', 'http://google.com'];
for(let i = 0 ; i < links.length ; i++){
   window.open(links[i]);
}
window.close();

在数组中，放置您想要打开的所有链接。

推荐阅读