使用 JavaScript 在新窗口中打开 URL
Posted
技术标签:
【中文标题】使用 JavaScript 在新窗口中打开 URL【英文标题】:Open URL in new window with JavaScript 【发布时间】:2012-12-17 09:57:10 【问题描述】:我正在制作一个“分享按钮”来分享当前页面。我想获取当前页面的 URL 并在新窗口中打开它。我有当前的 URL 部分工作,但似乎无法让下一部分工作。
我在语法上苦苦挣扎。我想将新窗口大小指定为width=520, height=570
。
类似:
<a target="_blank"
href="https://www.linkedin.com/cws/share?mini=true&url=[sub]"
onclick="this.href = this.href.replace('[sub]',window.location)">
LinkedIn
</a>
有什么想法吗?
【问题讨论】:
javascript - Open a given URL in a new tab by clicking a button 的可能重复项 【参考方案1】:以下是要在函数中使用的 JavaScript: 请注意,我有 1 和 0,而不是是和否。
var theTop=((screen.height/2)-(theHeight/2))/2;
var theLeft=(screen.width/2)-(theWidth/2);
var features = 'height=600,width=800,top='+theTop+',left='+theLeft+',toolbar=1,Location=0,Directories=0,Status=0,menubar=1,Scrollbars=1,Resizable=1';
window.open(in_uri, WindowName, features);
【讨论】:
【参考方案2】:不要混淆,如果您不提供任何 strWindowFeatures,那么它将在新选项卡中打开。
window.open('https://play.google.com/store/apps/details?id=com.drishya');
【讨论】:
我认为这不是真的。至少在我使用的 Linux Chrome 中,相同的window.open(url, '_blank')
似乎根据我是否分别按住 shift 或 control 键来决定是打开一个新窗口还是一个新选项卡。【参考方案3】:
使用window.open()
:
<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
Share Page
</a>
这将创建一个标题为Share Page
的链接,它会在一个高度为 570、宽度为 520 的新窗口中打开当前 url。
【讨论】:
如何将窗口的高度和宽度设置为零,如果我设置为零则显示全屏 我们如何将它作为普通窗口打开而不是弹出窗口?因为无法打开新标签 @AkshathaSrinivas 最小高度为 100 我可以将一些参数发送到这些页面以及如何将它们用于新窗口?【参考方案4】:只使用window.open()
函数?第三个参数让您指定窗口大小。
示例
var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);
【讨论】:
shiplu.mokadd.im 这似乎是我需要的,但我不确定它的去向。 @MarkMitchell 如果您不关心编码标准 - 进入onclick
属性。更好的选择是创建一个从onclick
调用的函数。使用getElementById
和addEventListener
仍然更干净。使用 jQuery 来获得更短的语法(以及其他一些功能 + 大量插件)也很受欢迎。
第四个参数是怎么回事?对我来说,它看起来像第三个。我错过了什么吗?
@CoderDennis 不错。修好了。
你好如何触发窗口关闭事件?以上是关于使用 JavaScript 在新窗口中打开 URL的主要内容,如果未能解决你的问题,请参考以下文章
Javascript 在新选项卡(而不是窗口)中打开 URL
Javascript - 表单选择元素在新窗口中打开 url 并提交表单