📅  最后修改于: 2023-12-03 15:29:16.845000             🧑  作者: Mango
在 HTML 中,我们可以使用 a
标签来创建超链接。一般情况下,打开链接会在当前页面或者新窗口中打开。但是如果我们想同时打开两个窗口,该怎么实现呢?
其实很简单,我们只需要在 a
标签中添加 target="_blank"
属性,就可以让链接在新的窗口中打开。那么如何打开两个窗口呢?我们只需要在一个链接中添加两个 a
标签,分别指向要打开的页面即可。下面是一个例子:
<a href="page1.html" target="_blank">窗口1</a>
<a href="page2.html" target="_blank">窗口2</a>
以上代码会在点击链接后同时打开两个新窗口,一个显示 page1.html
页面,另一个显示 page2.html
页面。
需要注意的是,有些浏览器对 target="_blank"
属性设置的严格程度不同,可能会在新窗口中直接阻止弹出窗口。为了解决这个问题,我们可以使用 JavaScript 中的 window.open()
方法来打开窗口,例如:
<a href="#" onclick="window.open('page1.html'); window.open('page2.html');">同时打开两个窗口</a>
以上代码会在单击链接时使用 JavaScript 打开两个窗口,同样实现了在一个链接中打开两个窗口的效果。需要注意的是,此时由于 href="#"
,单击链接并不会触发页面跳转。如果不想使用 JavaScript,也可以直接将 onclick
中的代码写入 a
标签的 href
属性中。
综上所述,我们可以使用 a
标签的 target="_blank"
属性或 JavaScript 中的 window.open()
方法来实现在一个链接中打开两个窗口。为了最大程度地兼容各种浏览器,建议使用前者的方法。