HTML 属性(现已在 HTML5 中有效)
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>
内联 JavaScript 方法
<a href="http://chriscoyier.net" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;">This link will open in new window/tab</a>
有效代码
此链接将在新窗口/标签页中打开
我认为那里可能有一些代码被删除了。 请随时给我发送电子邮件 [email protected] 进行修复。
<a href="http://google.es" onclick="window.open(this.href); return false;">此链接将在新窗口/标签页中打开</a>
你好,
使用第二种方法也会在当前(父)窗口中打开 href。 即我的当前窗口和新窗口都指向 href 值。 我不希望我的父窗口发生改变
我的目的是**在新窗口中打开链接**,
我尝试了这个,但是当我点击链接时,我的父窗口(包含链接的窗口)变为空白。
它不起作用,因为它应该是
onclick=”window.open(this.href,’_blank’); return false;”
但它并没有
Target-blank 不是严格的 xhtml(它可能被认为是不应放在标记中的行为),并且当对每个链接使用它时,尤其是内部链接,会导致人们生气。 但是,有时它可能会有用,如果在许多内部链接中有一个外部链接。
我个人更喜欢使用 CSS-Content 通过自动检测(attr)在这些链接后面设置“(ext)”。
我认为这是一个不好的做法。 因为如果我想在新窗口中打开链接,只需按住 shift 键并点击鼠标。 或者使用中键(在新标签页中打开)。
我认为使用 target=”_blank” 是最佳实践,因为它只是有效。
有些人不知道您可以按住鼠标中键或其他快捷键。 没有人会在最后看到它。 为什么我不应该在这个点上违反规则呢?
如何在自动在新窗口中打开时使用?
抱歉,我是一个 CSS 新手:D
谢谢! PDF 似乎不支持 _blank。
嘿 Jason,对于 PDF,请使用 target=”_new”
此代码片段非常有用,谢谢!
我认为这篇文章误导性,它明确指出 target=”_blank” 无效,但事实并非如此。 它在 HTML5 和 XHTML 1.0 Transitional 中都完全有效。 它仅在严格的 DTD 中无效,但是谁使用它呢?
没有真正的原因不使用 target 属性,每个浏览器都支持它,并且将在可预见的未来继续支持它。 此外,为什么要使用 JavaScript 来完成浏览器可以原生完成的事情呢?
使用 html 而不是 JS 或反之亦然有什么好处/弊端吗?
这种事情应该强烈反对。 网站上只应该有一点点
target="_blank"
。 是否要打开另一个标签页/窗口完全由用户决定。 无论一些用户是否不知道如何使用鼠标中键点击都没有关系; 我们为什么要为了少数无知的用户而强迫那些**知道**如何在新的标签页中打开链接的用户打开新的标签页。我遇到过很多网站,它们的链接会在不应该的时候在新标签页中打开,这让人很沮丧,因为我**想要**链接在当前标签页中打开。
除非你**绝对**需要,否则不要使用
target="blank"
。完美! 正是我要找的。 谢谢 :)
实际上**确实**需要链接在新窗口中打开……有时。 我正在设计和编码一个从用户那里收集数据的网站,该网站要求他们上传文件(图像和 pdf 文档)。 整个过程包括员工填写表格,然后上传收据扫描件/图像以进行报销。 这需要在办公室内的管理员内联网网站中查看。 我有一个不错的页面以可爱的表单形式显示索赔,如果需要,可以轻松打印,以及指向相关文件上传的链接。
我不希望这些链接接管父窗口。 它们是父窗口中显示数据的附加信息,因此需要在新窗口或标签页中打开(根据浏览器首选项设置),同时保持父窗口不变。 经常会同时查看和比较两个窗口。 如果一次只能打开一个,就很难做到!
并且,我们的会计团队**并不**具备足够的 IT 知识来识别如何/何时选择在新窗口中打开链接。 他们期望它为他们完成。 这也是理所当然的。
话虽如此,这是一种罕见的情况,我通常不会以任何其他方式或出于任何其他原因使用它。 让我感到困扰的是,在严格的 html5 模式下,使用 target=”_blank” 是不可接受的。 我**始终**将我的 html/css/php 代码编写为符合严格的接受标准。 好吧……直到现在。 这是例外。 :/
将此添加到 href
rel=”external” onclick=”this.target=’_blank’;”
适用于 strick
谢谢 Jason,它有效……
考虑到这个网站的标题,使用 CSS 技巧不是很好吗? 比如
a[href^="http"]
来以不同的方式样式化链接,也许在background-image
中使用图标?onclick=”return !window.open(this.href);”
这个也有效:target=”new”
这无效代码target=”new”,最好使用target=”_blank”
我已经尝试过所有这些方法,但结果不可预测。有时 target=_blank 会起作用,但有些浏览器会选择忽略此属性。这里还有更多遇到相同问题的人 stackoverflow 链接
我们有这个选项 target=”_blank”
到目前为止,我发现最简单有效的选项是 target=”_blank”
到目前为止,我使用 这里的内容
通常在所有浏览器上都能正常工作。target=”new” 则不尽如人意,但 target=”_new” 通常有效。
_new 不起作用可能是他们代码片段中的问题。
你好 HarBek…
你可以使用 target=”_anything” ……下划线后不一定要用 “new” ……因为这不是关键字……任何浏览器都可以将其作为打开新窗口的命令……:)
这个话题缺少了一些重要的内容。是否可以通过 CSS 和 HTML 将内部链接在新窗口中打开,而外部链接在新窗口中打开?是或否,如果是,怎么做?
我应该补充一点,属性是我所能做到的极限。
a[href^=”http”]…但我对如何设置 content 属性以及/或其他需要的内容感到困惑。
嗨,这不会打开一个新标签
http://codepen.io/Philip8888/pen/VvpNEr
页面上的其他所有链接都使用 Target-blank 属性,唯独这个不行。页面上还有一个 https: ,否则它们都是 http: ,任何帮助都将不胜感激。关于是否应该使用此属性的家务事项无关紧要。页面是用 Target 属性构建的,抱歉,没有任何冒犯之意。
这个页面叫做 “CSS-TRICKS”,但我找不到 CSS。
target=”_blank” 不是 CSS。
^^^ Adrian 说的没错。
我同意,不是 CSS。是否可以在 <a href 部分中链接使用的类中,强制该类仅使用新窗口打开链接?
试过了,但它只在新标签页中打开,而不是在新窗口中打开。有什么想法吗?