在 HTML 中为 target="_blank" 打开新窗口答案

【问题标题】：Opening new window in HTML for target="_blank"在 HTML 中为 target="_blank" 打开新窗口
【发布时间】：2011-02-02 05:45:07
【问题描述】：

<a href="facebook.com/sharer" target="_blank" >Share this</a>

当用户点击它时，如何在新窗口中使其具有一定的宽度和高度？在firefox中，当前代码只打开一个新标签（不是新窗口）

【问题讨论】：

在 Firefox 中它会在新标签页中打开，因为大多数用户讨厌弹出窗口。在打开弹出窗口之前请记住这一点。

标签： javascript html css templates anchor

【解决方案1】：

要在具有尺寸和所有内容的新窗口中打开，您需要调用 JavaScript 函数，因为 target="_blank" 不会让您调整大小。一个例子是：

<a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" >Share this</a>

希望对你有所帮助。

【讨论】：

你可以写成javascript:void(0);更短的javascript:;
@mplacona 我更喜欢 javascript:; ，因为如果你有 # 并在键盘上按回车键，页面将不会刷新，但这样的效果就像一个魅力
这对于可访问性、可用性和 SEO 来说太可怕了。永远，永远，javascript:。要停止# 链接滚动到顶部，只需在click 事件处理程序中使用return false。但是没有正确的href 的链接是一个好兆头，你做错了什么。要么有一个无处可去的操作按钮，要么在这种情况下，如果有一个真实的 URL 可以链接到，把它放在 href 中并从处理程序中读取它。 <a href="http://www.facebook.com/sharer" onclick="open(this.href, '_blank', '...'); return false;">...</a>.
感谢@bobince。除了你苛刻的-1，我想我从你身上学到了一些东西，并且让我的榜样变得更好。
@mplacona：苛刻的 -1 消失了，现在答案得到了改进 :-)

【解决方案2】：

您不能以这种方式影响类型（选项卡/窗口）和尺寸。为此，您必须使用 JavaScript 的 window.open()。

【讨论】：

【解决方案3】：

你没有那种带有a标签的控制。但是您可以连接标签的onclick 处理程序以使用正确的参数调用window.open(...)。有关示例，请参见此处： https://developer.mozilla.org/En/DOM/Window.open

我仍然认为您不能直接强制窗口覆盖选项卡 - 这取决于浏览器和用户的设置。

【讨论】：