使用 JavaScript 在新窗口中打开 URL

IT技术 javascript new-window
2021-01-26 22:50:16

我正在制作一个“分享按钮”来分享当前页面。我想获取当前页面的 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>

有任何想法吗？

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在新窗口中打开当前 url 的链接，高度为 570，宽度为 520。

如何将窗口的高度和宽度设置为零，如果我设置为零，则显示全屏
2021-03-16 22:50:16
我可以将一些参数发送到这些页面，我如何将它们用于新窗口？
2021-03-22 22:50:16
我们如何将其作为普通窗口而不是弹出窗口打开？因为无法打开新标签
2021-04-02 22:50:16
@AkshathaSrinivas 最小高度为 100
2021-04-05 22:50:16

只用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);
@CoderDennis 不错的收获。解决它。
2021-03-13 22:50:16
嗨，我如何触发窗口关闭事件？
2021-03-22 22:50:16
@MarkMitchell 如果您不关心编码标准 - 进入onclick属性。一个稍微好一点的选择是创建一个从onclick. 使用getElementById并且addEventListener仍然更清洁。使用 jQuery 来获得更短的语法（以及一些其他功能 + 大量插件）也非常流行。
2021-03-25 22:50:16
shiplu.mokadd.im 这似乎是我需要的，但我不确定它去哪里了。
2021-03-27 22:50:16
第 4 个参数如何？对我来说，它看起来像第三个。我错过了什么吗？
2021-03-31 22:50:16

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

window.open('https://play.google.com/store/apps/details?id=com.drishya');
我不认为这是真的。至少在我使用的 Linux Chrome 中，同样window.open(url, '_blank')似乎根据我是否分别按住 shift 或 control 键并单击来决定是打开新窗口还是新选项卡。
2021-03-12 22:50:16
其它你可能感兴趣的问题
上一篇在 Javascript 中，为什么“this”运算符不一致？ 下一篇JavaScript 中的 new 运算符是如何工作的？