Question

我正在研究一个考试项目，学生将单击一个选项，该选项将打开两个具有不同案例研究的选项卡，然后关闭前一个选项卡，但是我没有Java脚本的经验，并且不确定如何处理问题。

它基于Wordpress构建，我尝试使用各种插件，但所有插件均失败了。我设法获得了可以在新标签页中打开的链接（与之前的标签相同，或者没有关闭前一个标签页，也没有打开两个包含单独网页的标签页。

我们目前正在HTML中使用锚标记，并将javascript内联，但我认为我们可能需要以不同的方式来解决它，可能通过调用javascript文件来解决。

我们要使用Javascript，因为它允许我们添加代码来跟踪用户单击链接时的行为。

页面布局非常基础，上面只有一个链接（页面访问转换跟踪代码可以跟踪参加考试的学生人数），因此脚本与其他内容冲突的可能性很小，这就是为什么标签应自动关闭以避免分心

<a href="http://www.example.com" onclick="window.open('https://www.example.com');return false">Example</a>

它会在新标签页中打开网页，但我不确定如何使其打开两个新标签页（不同的URL）并关闭上一个标签页。

（我注意到有人问过类似的问题，但没有一个地址关闭了上一个标签）

Answer 1

要一次打开多个页面，可以使用以下代码。

window.open('url1.com');
window.open('url2.com');

要关闭当前标签页/窗口，请使用

window.close();

要像示例代码一样在内联事件处理程序中执行所有3个操作，可以使用不同的URL调用window.open两次，即window.close（），然后返回false。

Answer 2

如果要同时执行所有这三个操作，则可能需要创建一个同时执行这三个操作的函数，然后使用onclick事件调用该函数。

<a href="http://www.example.com" onclick="myFunction()">

然后，您将在JS文件中定义函数并将其链接到html。像这样：

<script src="myscripts.js"></script>

该JS文件（在此示例中）将被命名为myscripts.js，看起来像这样：

function myFunction(){
  window.open('url1.com');
  window.open('url2.com');
  window.close()
}

不幸的是，如果该窗口不是由脚本打开的，则无法使用Window.close（）关闭窗口，因此这是另一个问题。首先，如果没有更多有关用户如何访问此页面的信息，我真的不能建议解决方法。