如何让 HTML 在另一个窗口或选项卡中打开超链接?
题
这是 HTML 中的超链接行:
<a href="http://www.starfall.com/">Starfall</a>
因此,如果我单击“Starfall”,我的浏览器(我使用的是 FireFox)将带我进入新页面,并且窗口的内容将发生变化。我想知道,如何在 HTML 中执行此操作,以便在新窗口中打开新页面而不是更改前一个页面?HTML中有这样的方法吗?
如果是,有没有办法在浏览器的另一个选项卡(而不是另一个窗口)中打开请求的页面?
解决方案
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
无论以标签或另一窗打开虽然达到了用户如何配置了她的浏览器。
其他提示
简单的方法是添加一个目标标签。
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
使用为每个链接的目标属性不同的值,如果你想让他们在不同的标签打开,目标属性的值相同,如果你想让他们更换其他的。
使用target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
您应该能够添加
target="_blank"
像
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
这 target
属性是执行此操作的最佳方式。
<a href="http://www.starfall.com" target="_blank">
将在新选项卡或窗口中打开它。至于是哪一种,就看用户的设置了。
<a href="http://www.starfall.com" target="_self">
是默认的。它使页面在同一个选项卡(或 iframe,如果您正在处理的话)中打开。
接下来的两个仅适用于处理 iframe 的情况。
<a href="http://www.starfall.com" target="_parent">
将在具有该链接的 iframe 所在的 iframe 中打开该链接。
<a href="http://www.starfall.com" target="_top">
将在选项卡中打开链接,无论它必须经过多少个 iframe。
目标= _blank是将基于浏览器的设置新标签或窗口中打开。
要强制新窗采用javascript的onclick需要所有这三个部分。 URL,名称和窗口的宽度和高度尺寸或者它只是在新标签中打开。
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
您也可以通过添加实现这一点下面到页面的页眉:
<base target="_blank">
这会使你的网页上的所有链接在新标签中打开
下面的例子与 target="_blank"
适用于 Safari 和 Mozilla
<a href="http://www.starfall.com" `target="_blank"`>
使用 target="new"
曾在 Chrome 工作过
<a href="http://www.starfall.com" `target="new"`>
由于幅迅速发展,一些事情随时间的变化。对于安全问题,你可能想使用关头的rel="noopener"
属性与target="_blank"
。
像谷歌开发文档指出,其他页面即可与window.opener property
访问你的窗口对象。你的外部链接应该看起来像现在这样:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>