blocks|key|1102737|text|<a+href="http://www.starfall.com/"+target="_blank">Starfall</a>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1102738|不过，它是在选项卡还是在另一个窗口中打开，取决于用户如何配置她的浏览器。|unstyled|1102739|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;a href="http://www.starfall.com/" target="_blank"&gt;Starfall&lt;/a&gt;
</code></pre>

Whether it opens in a tab or another window though is up to how a user has configured her browser.

blocks|key|1102818|text|最简单的方法是添加一个目标标记。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1102819|<a+href="http://www.starfall.com/"+target="Starfall">Starfall</a>|code-block|syntax|javascript|1102820|如果希望每个链接在不同的选项卡中打开，则对每个链接的目标属性使用不同的值；如果希望它们替换其他链接，则对目标属性使用相同的值。|1102821|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Simplest way is to add a target tag.

<pre><code>&lt;a href="http://www.starfall.com/" target="Starfall"&gt;Starfall&lt;/a&gt;
</code></pre>

Use a different value for the target attribute for each link if you want them to open in different tabs, the same value for the target attribute if you want them to replace the other ones.

blocks|key|1102672|text|使用target="_blank"|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1102673|<a+target='_blank'+href="http://www.starfall.com/">Starfall</a>|1102674|entityMap^0|2|F|0|0|1R|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

use <code>target="_blank"</code>

<code>&lt;a target='_blank' href="http://www.starfall.com/"&gt;Starfall&lt;/a&gt;</code>

blocks|key|1102777|text|您应该能够添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1102778|target="_blank"|code-block|syntax|javascript|1102779|喜欢|1102780|<a+href="http://www.starfall.com/"+target="_blank">Starfall</a>|1102781|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You should be able to add 

<pre><code>target="_blank"
</code></pre>

like

<pre><code>&lt;a href="http://www.starfall.com/" target="_blank"&gt;Starfall&lt;/a&gt;
</code></pre>

blocks|key|1317883|text|target属性是完成此操作的最佳方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1317884|<a+href="http://www.starfall.com"+target="_blank">|code-block|syntax|javascript|1317885|将在新的选项卡或窗口中打开它。至于是哪一个，则取决于用户的设置。|1317886|<a+href="http://www.starfall.com"+target="_self">|1317887|是默认的。它使页面在相同的选项卡中打开(或iframe，如果这是您要处理的内容)。|1317888|只有在处理iframe时，接下来的两个才是好的。|1317889|<a+href="http://www.starfall.com"+target="_parent">|1317890|将在包含该链接的iframe中打开该链接。|1317891|<a+href="http://www.starfall.com"+target="_top">|1317892|将在选项卡中打开链接，无论它要经过多少次iframes。|1317893|entityMap^0|0|6|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|18|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|19|8|@]|D|@]|E|$]]|$1|S|3|T|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|U|3|V|5|6|7|1B|8|@]|D|@]|E|$]]|$1|W|3|X|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|Y|3|Z|5|6|7|1D|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|11|$]]

The <code>target</code> attribute is your best way of doing this. 

<pre><code>&lt;a href="http://www.starfall.com" target="_blank"&gt;
</code></pre>

will open it in a new tab or window. As for which, it depends on the users settings. 

<pre><code>&lt;a href="http://www.starfall.com" target="_self"&gt;
</code></pre>

is default. It makes the page open in the same tab (or iframe, if that's what you're dealing with). 
The next two are only good if you're dealing with an iframe. 

<pre><code>&lt;a href="http://www.starfall.com" target="_parent"&gt;
</code></pre>

will open the link in the iframe that the iframe that had the link was in. 

<pre><code>&lt;a href="http://www.starfall.com" target="_top"&gt;
</code></pre>

will open the link in the tab, no matter how many iframes it has to go through.

blocks|key|1317802|text|根据浏览器设置，target+=+_blank将在新的选项卡或窗口中打开。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1317803|要强制创建一个新窗口，请使用javascript+onclick，这三个部分都是必需的。url、名称以及窗口宽度和高度大小，否则它将在新选项卡中打开。|1317804|<a+onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>|code-block|syntax|javascript|1317805|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

the target = _blank is will open in new tab or windows based on browser setting. 

To force a new window use javascript onclick all three parts are needed. url, a name, and window width and height size or it will just open in a new tab. 

<pre><code>&lt;a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')"&gt;Starfall&lt;/a&gt;
</code></pre>

blocks|key|1318027|text|您也可以通过将以下内容添加到页面的页眉来完成此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318028|<base+target="_blank">|code-block|syntax|javascript|1318029|这将使页面上的所有链接在新选项卡中打开|1318030|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can also accomplish this by adding the following to your page's header:

<pre><code>&lt;base target="_blank"&gt;
</code></pre>

This will make ALL links on your page open in a new tab

blocks|key|1103133|text|由于web发展很快，有些事情也会随着时间的推移而变化。对于安全问题，您可能希望将rel="noopener"属性与target="_blank"结合使用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1103134|正如在Google+Dev+Documentation中声明的那样，另一个页面可以使用window.opener+property访问您的窗口对象。您的外部链接现在应该如下所示：|1103135|<a+href="http://www.starfall.com/"+target="_blank"+rel="noopener">Starfall</a>|code-block|syntax|javascript|1103136|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/tools/lighthouse/audits/noopener^0|14|E|1L|F|0|17|M|3|O|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Since web is evolving quickly, some things changes with time. For security issues, you might want to use the <code>rel="noopener"</code> attribute in conjuncture with your <code>target="_blank"</code>.

Like stated in <a href="https://developers.google.com/web/tools/lighthouse/audits/noopener" rel="nofollow noreferrer">Google Dev Documentation</a>, the other page can access your window object with the <code>window.opener property</code>. Your external link should looks like this now:

<pre><code>&lt;a href="http://www.starfall.com/" target="_blank" rel="noopener"&gt;Starfall&lt;/a&gt;
</code></pre>

blocks|key|1103010|text|下面的示例使用target="_blank"为Safari和Mozilla工作|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1103011|<a+href="http://www.starfall.com"+`target="_blank"`>|code-block|syntax|javascript|1103012|在Chrome上使用target="new"|1103013|<a+href="http://www.starfall.com"+`target="new"`>|1103014|entityMap^0|7|F|0|0|A|C|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

below example with <code>target="_blank"</code> works for Safari and Mozilla

<pre><code>&lt;a href="http://www.starfall.com" `target="_blank"`&gt;
</code></pre>

Using <code>target="new"</code>worked for Chrome

<pre><code>&lt;a href="http://www.starfall.com" `target="new"`&gt;
</code></pre>

This is a line for a hyperlink in HTML:

<pre><code>&lt;a href="http://www.starfall.com/"&gt;Starfall&lt;/a&gt;
</code></pre>

Thus, if I click on "Starfall" my browser - I am using FireFox - will take me to that new page and the contents of my window will change. I wonder, how can I do this in HTML so that the new page is opened in a new window instead of changing the previous one? Is there such a way in HTML? 

And if yes, is there a way to open the requested page in another tab (not another window) of my browser?

How to make HTML open a hyperlink in another window or tab?

这是HTML中超链接的一行：<a href="http://www.starfall.com/">Starfall</a>因此，如果我点击"Starfall“，我的浏览器--我使用的是FireFox --会把我带到那个新页面，我窗口的内容也会改变。我想知道，如何在HTML中做到这一点，以便在新窗口中打开新页面，而不是更改以前的页面？在HTML中有这样的方式吗？如果是，有没有办法在浏览器的另一个选项

问如何让HTML在另一个窗口或选项卡中打开超链接？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让HTML在另一个窗口或选项卡中打开超链接？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让HTML在另一个窗口或选项卡中打开超链接？
EN