如何在html上的新标签中打开链接?
我正在做一个HTML项目,我无法find如何打开我想要在没有JavaScript的新标签中打开的链接。
我已经知道<a href="http://www.WEBSITE_NAME.com"></a>
在同一个标签中打开链接。 任何想法如何使它在一个新的开放?
将链接的“target”属性设置为_blank
:
<a href="#" target="_blank">Link</a>
编辑:其他例子,请看这里: http : //www.w3schools.com/tags/att_a_target.asp
(注意:我以前build议使用blank
而不是_blank
因为如果使用它,它会打开一个新的标签,然后在链接被再次点击时使用相同的标签,但是这只是因为,正如GolezTrol指出的那样,框架/窗口的名称a,当再次按下链接在相同的选项卡中打开它时将被设置和使用)。
根据您的要求使用其中之一。
在新窗口或选项卡中打开链接的文档:
<a href="xyz.html" target="_blank"> Link </a>
在被点击的同一帧中打开链接的文档(这是默认设置):
<a href="xyz.html" target="_self"> Link </a>
在父框架中打开链接的文档:
<a href="xyz.html" target="_parent"> Link </a>
在窗口的整个主体中打开链接的文档:
<a href="xyz.html" target="_top"> Link </a>
在命名的框架中打开链接的文档:
<a href="xyz.html" target="framename"> Link </a>
请参阅MDN
如果您想要为整个网站命令一次,而不是在每个链接之后执行。 试试这个地方在您的网站和宾果的头。
<head> <title>your text</title> <base target="_blank"> </head>
希望这可以帮助
使用target="_blank"
:
<a href="http://www.example.com/" target="_blank">This will open in a new window!</a>
target='_blank'
如果你不使用XHTML。
使用a标签的“target”属性并将其分配给_blank。 那是:
<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a>
何时使用target='_blank'
:
HTML版本(有些设备不支持):
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>
所有设备的JavaScript版本:
rel =“external”的使用是完全有效的
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $('a[rel="external"]').attr('target', '_blank'); </script>
而对于jquery可以试试下面的一个:
$("#content a[href^='http://']").attr("target","_blank");
如果浏览器设置不允许您在新窗口中打开:
href = "google.com"; onclick="window.open (this.href, ''); return false";
您可以使用 <a href='url' target="_blank">name</a>
示例 <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>
target =“_ blank”=总是每个点击目标的新选项卡=“tabName”=新选项卡,但每次点击都相同。
您可以使用<a href="#" target="_blank">Your Text</a>
希望它有帮助。 谢谢。
默认打开相同的选项卡:
<a href="https://www.google.com/">Google.com </a>
在新标签页中打开:
<a href="https://www.google.com/" target="_blank">Google.com </a>