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

IT技术 javascript html css templates anchor
2021-03-17 13:36:17
<a href="facebook.com/sharer" target="_blank" >Share this</a>

当用户单击它时,如何在新窗口中使其具有特定的宽度和高度?在firefox中,当前代码只打开一个新标签(不是新窗口)

3个回答

要在带有尺寸和所有内容的新窗口中打开,您需要调用 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>

希望这对你有帮助。

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

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

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

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