使用 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&amp;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&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

【讨论】:

shiplu.mokadd.im 这似乎是我需要的,但我不确定它的去向。 @MarkMitchell 如果您不关心编码标准 - 进入onclick 属性。更好的选择是创建一个从onclick 调用的函数。使用getElementByIdaddEventListener 仍然更干净。使用 jQuery 来获得更短的语法(以及其他一些功能 + 大量插件)也很受欢迎。 第四个参数是怎么回事?对我来说,它看起来像第三个。我错过了什么吗? @CoderDennis 不错。修好了。 你好如何触发窗口关闭事件?

以上是关于使用 JavaScript 在新窗口中打开 URL的主要内容,如果未能解决你的问题,请参考以下文章

使用javascript在新窗口中打开文件夹

Javascript 在新选项卡(而不是窗口)中打开 URL

Javascript - 表单选择元素在新窗口中打开 url 并提交表单

JavaScript 在新窗口中打开URL(不触发弹出窗口阻止程序)

在新选项卡/窗口中打开页面并将当前窗口定向到新 url

如何使用asp.net MVC中的href从javascript在新窗口中打开打开的窗口