正文 

当前位置： 首页 > 源码 >

使用 JavaScript 在新窗口中打开 URL

     2023-02-22     141

关键词：

【中文标题】使用 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&amp;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);

【讨论】：

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

】使用javascript在新窗口中打开文件夹【英文标题】：Openfolderinnewwindowwithjavascript【发布时间】：2022-01-0118:45:54【问题描述】：要使用给定的url打开一个弹出窗口，我使用：$("#OpenFolder").click(function()varurl="https://***.com";windowObjectRefer... 查看详情

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

】Javascript-表单选择元素在新窗口中打开url并提交表单【英文标题】：Javascript-formselectelementopenurlinnewwindowandsubmitform【发布时间】：2010-10-0813:50:06【问题描述】：已更新-请阅读原始问题下方的更多详细信息我有一个带有各种url的... 查看详情

Javascript 在新选项卡（而不是窗口）中打开 URL

】Javascript在新选项卡（而不是窗口）中打开URL【英文标题】：JavascripttoopenURLwithinanewTab(insteadofawindow)【发布时间】：2011-03-1709:01:45【问题描述】：大家好。这里有一些条目需要解决方案来做与此相反的事情，而其他一些则模糊相... 查看详情

javascript在新窗口中打开url（不触发弹出窗口阻止程序）(代码片段)

查看详情

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

】如何使用asp.netMVC中的href从javascript在新窗口中打开打开的窗口【英文标题】：Howtoopenopenwindowinnewwindowfromjavascriptusinghrefinasp.netMVC【发布时间】：2018-03-0301:25:25【问题描述】：我有以下代码，我从我的asp.netMVC视图中打开一个外部... 查看详情

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

...定向到不同的URL。如何才能做到这一点？请使用HTML和/或JavaScript 查看详情

JavaScript 在新窗口中打开，而不是选项卡

】JavaScript在新窗口中打开，而不是选项卡【英文标题】：JavaScriptopeninanewwindow,nottab【发布时间】：2010-10-1803:01:29【问题描述】：我有一个选择框，当一个项目被选中时调用window.open(url)。默认情况下，Firefox将在新选项卡中打开该... 查看详情

如何使用 javascript 或 typescript 在新窗口中打开页面？ [复制]

】如何使用javascript或typescript在新窗口中打开页面？[复制]【英文标题】：HowcanIopenapageinnewwindowusingjavascriptortypescript?[duplicate]【发布时间】：2019-11-0902:26:33【问题描述】：我正在尝试在新窗口中打开一个页面。我写了以下代码navig... 查看详情

如何使用Javascript或HTML在新窗口中打开链接[重复]

】如何使用Javascript或HTML在新窗口中打开链接[重复]【英文标题】：HowtoopenalinkinnewwindowwithJavascriptorHTML[duplicate]【发布时间】：2013-11-0314:00:08【问题描述】：我试图弄清楚如何使用Javascript或HTML在新窗口中打开链接。以下是我尝试... 查看详情

使用 JavaScript 检测在新窗口/标签（目标=_空白）中打开的功能

】使用JavaScript检测在新窗口/标签（目标=_空白）中打开的功能【英文标题】：Featuredetectopeninginanewwindow/tab(target=_blank)withJavaScript【发布时间】：2015-08-1906:02:59【问题描述】：根据我的研究：“WebView”可以禁用“在新窗口/选项卡... 查看详情

Javascript - 在新选项卡中打开链接（相同窗口）

】Javascript-在新选项卡中打开链接（相同窗口）【英文标题】：Javascript-OpenLinkinNewTab(SAMEWINDOW)【发布时间】：2013-11-1122:07:54【问题描述】：我意识到对于这个主题已经有几个关于SO的问题，但它们似乎都已经很老了....只是想得到... 查看详情

使用 javascript 在新窗口中打开 PDF 字符串

】使用javascript在新窗口中打开PDF字符串【英文标题】：OpeningPDFStringinnewwindowwithjavascript【发布时间】：2011-02-1719:39:51【问题描述】：我有一个格式化的PDF字符串，看起来像%PDF-1.730obj<<</Type/Group/S/Transparency/CS/DeviceRGB>>/Re... 查看详情

javascript自动使用jquery在新窗口中打开外部链接（首先检查域）(代码片段)

查看详情

当用户选择“在新选项卡中打开”/“在新窗口中打开”而不是使用 html/javascript 点击时如何到达所需的页面

...在新选项卡中打开”/“在新窗口中打开”而不是使用html/javascript点击时如何到达所需的页面【英文标题】：Howtohavedesiredpagereachedwhenauserselects"OpeninNewTab"/"OpeninNewWindow"ratherthanclickswithhtml/javascript【发布时间】：2021-03... 查看详情

如何在新窗口中打开一个 URL（在 MS Word 中使用 XMLNode 生成）？

】如何在新窗口中打开一个URL（在MSWord中使用XMLNode生成）？【英文标题】：HowtoopenaURL(generatedusingXMLNodeinMSWord)openinanewwindow?【发布时间】：2014-10-1314:51:00【问题描述】：我正在创建一个word文档报告，其中将使用以下代码生成网站... 查看详情

使用 Capybara 在新窗口中打开链接

...接，而不是当前窗口？【问题讨论】：是的，您可以使用javascript和window.open来做到这一点。参见例如***.com/questions/13056763/…应该是新窗口还是新标签？对于第二种变体， 查看详情

使用 JavaScript 打开链接新窗口（不是选项卡）而不输入两次 URL？ [复制]

】使用JavaScript打开链接新窗口（不是选项卡）而不输入两次URL？[复制]【英文标题】：Openlinknewwindow(nottab)withJavaScriptwithouttypingtheURLtwice?[duplicate]【发布时间】：2014-12-1705:05:07【问题描述】：可以使用以下方法在新窗口（不是标签... 查看详情

为啥“_Blank”不会导致 URL 在新的浏览器窗口中打开？

...布时间】：2021-01-2122:13:07【问题描述】：我有这段代码，使用Target="_blank"应该在新标签中打开“NavigateURL”：<divcl 查看详情