📜  abrir dos ventanas con a href - Html (1)

📅  最后修改于: 2023-12-03 15:29:16.845000             🧑  作者: Mango

如何用 HTML 链接同时打开两个窗口?

在 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() 方法来实现在一个链接中打开两个窗口。为了最大程度地兼容各种浏览器,建议使用前者的方法。