建立一个链接打开一个新窗口（而不是标签）

Question

建立一个链接打开一个新窗口（而不是标签）

有没有办法让链接打开一个新的浏览器窗口（而不是选项卡）而不使用JavaScript？

Answer 1

这将打开一个新窗口，而不是tab（使用JavaScript，但非常简洁）：<a&nbsp;href="print.html"&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;onclick="window.open('print.html',&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'newwindow',&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'width=300,height=250');&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;" &nbsp;>Print</a>

Answer 2

我知道它有点旧Q但是如果你通过搜索解决方案来到这里，所以我通过jquery得到了一个很好的&nbsp;&nbsp;jQuery('a[target^="_new"]').click(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;width&nbsp;=&nbsp;window.innerWidth&nbsp;*&nbsp;0.66&nbsp;; &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;define&nbsp;the&nbsp;height&nbsp;in &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;height&nbsp;=&nbsp;width&nbsp;*&nbsp;window.innerHeight&nbsp;/&nbsp;window.innerWidth&nbsp;; &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Ratio&nbsp;the&nbsp;hight&nbsp;to&nbsp;the&nbsp;width&nbsp;as&nbsp;the&nbsp;user&nbsp;screen&nbsp;ratio &nbsp;&nbsp;&nbsp;&nbsp;window.open(this.href&nbsp;,&nbsp;'newwindow',&nbsp;'width='&nbsp;+&nbsp;width&nbsp;+&nbsp;',&nbsp;height='&nbsp;+&nbsp;height&nbsp;+&nbsp;',&nbsp;top='&nbsp;+&nbsp;((window.innerHeight&nbsp;-&nbsp;height)&nbsp;/&nbsp;2)&nbsp;+&nbsp;',&nbsp;left='&nbsp;+&nbsp;((window.innerWidth&nbsp;-&nbsp;width)&nbsp;/&nbsp;2));});它将<a target="_new">在一个新窗口中打开所有内容编辑：1，我在原始代码中做了一些小改动现在它完全按照用户屏幕比例打开新窗口（对于横向桌面）但是，我建议您使用以下代码，如果您在移动设备中打开新标签中的链接：jQuery('a[target^="_new"]').click(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;openWindow(this.href);}function&nbsp;openWindow(url)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(window.innerWidth&nbsp;<=&nbsp;640)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;if&nbsp;width&nbsp;is&nbsp;smaller&nbsp;then&nbsp;640px,&nbsp;create&nbsp;a&nbsp;temporary&nbsp;a&nbsp;elm&nbsp;that&nbsp;will&nbsp;open&nbsp;the&nbsp;link&nbsp;in&nbsp;new&nbsp;tab &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;a&nbsp;=&nbsp;document.createElement('a'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a.setAttribute("href",&nbsp;url); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a.setAttribute("target",&nbsp;"_blank"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;dispatch&nbsp;=&nbsp;document.createEvent("HTMLEvents"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dispatch.initEvent("click",&nbsp;true,&nbsp;true); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a.dispatchEvent(dispatch); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;width&nbsp;=&nbsp;window.innerWidth&nbsp;*&nbsp;0.66&nbsp;; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;define&nbsp;the&nbsp;height&nbsp;in &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;height&nbsp;=&nbsp;width&nbsp;*&nbsp;window.innerHeight&nbsp;/&nbsp;window.innerWidth&nbsp;; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Ratio&nbsp;the&nbsp;hight&nbsp;to&nbsp;the&nbsp;width&nbsp;as&nbsp;the&nbsp;user&nbsp;screen&nbsp;ratio &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.open(url&nbsp;,&nbsp;'newwindow',&nbsp;'width='&nbsp;+&nbsp;width&nbsp;+&nbsp;',&nbsp;height='&nbsp;+&nbsp;height&nbsp;+&nbsp;',&nbsp;top='&nbsp;+&nbsp;((window.innerHeight&nbsp;-&nbsp;height)&nbsp;/&nbsp;2)&nbsp;+&nbsp;',&nbsp;left='&nbsp;+&nbsp;((window.innerWidth&nbsp;-&nbsp;width)&nbsp;/&nbsp;2)); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;}