使用 JavaScript 在新窗口中打开 URL

Posted 2023-02-22

【中文标题】使用 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】：

只使用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 不错。修好了。

你好如何触发窗口关闭事件？

【参考方案2】：

使用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

我可以将一些参数发送到这些页面以及如何将它们使用到新窗口？

【参考方案3】：

不要混淆，如果您不提供任何 strWindowFeatures，那么它将在新选项卡中打开。

window.open('https://play.google.com/store/apps/details?id=com.drishya');

【讨论】：

我认为这不是真的。至少在我使用的 Linux Chrome 中，相同的window.open(url, '_blank') 似乎根据我是否分别按住 shift 或 control 键来决定是打开一个新窗口还是一个新选项卡。

【参考方案4】：

以下是要在函数中使用的 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);