如何使用javascript在新窗口中打开链接(open a link in a new window using javascript)

JavaScript提供了一种在新窗口中打开链接的有用方法，因为您可以通过包含规范来控制窗口的外观以及窗口在屏幕上的位置。...

JavaScript提供了一种在新窗口中打开链接的有用方法，因为您可以通过包含规范来控制窗口的外观以及窗口在屏幕上的位置。

javascript窗口open（）方法的语法

要在新浏览器窗口中打开URL，请使用Javascript open（）方法，如下所示：

window.open(URL, name, specs, replace)

url参数

除了打开窗口外，还可以自定义每个参数。例如，下面的代码打开一个新窗口并使用参数指定其外观。

输入要在新窗口中打开的页面的URL。如果未指定URL，将打开一个新的空白窗口：

window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");

名称参数

name参数设置URL的目标。默认情况下，在新窗口中打开URL，如下所示：

_空白：为URL打开一个新窗口。

您可以使用的其他选项包括：

_self：用URL替换当前页面。
_父：将URL加载到父框架中。
_顶部：替换已加载的所有框架集。

规格参数

specs参数用于通过输入不带空格的逗号分隔列表自定义新窗口。从以下值中选择。

高度=像素：此规范以像素为单位设置新窗口的高度。可以输入的最小值为100。
宽度=像素：此规范以像素为单位设置新窗口的宽度。最小值为100。
左=像素：此规范设置新窗口的左位置。不能输入负值。
top=像素：此规范设置新窗口的顶部位置。不能使用负值。
菜单栏=是|否| 1 | 0：使用此规范指示是否显示菜单栏。使用是/否字或1/0二进制值。
状态=是|否| 1 | 0：表示是否添加状态栏。与菜单栏一样，您可以自由使用单词或二进制值。

某些规格是特定于浏览器的：

location=yes | no | 1 | 0：此规范指示是否显示地址字段。仅适用于Opera浏览器。
resizeable=yes | no | 1 | 0：确定是否可以调整窗口的大小。仅供IE使用。
位置=是|否| 1 | 0：指示是否显示滚动条。仅与IE、Firefox和Opera兼容。
toolbar=yes | no | 1 | 0：确定是否显示浏览器工具栏。仅与IE和Firefox兼容。

替换参数

此可选参数仅用于指定在新窗口中打开的URL是替换浏览器历史记录列表中的当前条目，还是显示为新条目。

如果为true，则URL将替换历史记录列表中的当前浏览器条目。
如果为false，则URL将作为新条目列在浏览器历史记录列表中。

发表于 2021-09-08 13:15
阅读 ( 78 )
分类：数学

你可能感兴趣的文章

阿贾克斯(ajax)和jquery公司(jquery)的区别

...Ajax和jQuery的关键区别在于jQuery更像一个框架，它是使用JavaScript构建的，而Ajax则是一种使用JavaScript与服务器通信的技术或方式，而无需重新加载web页面。jQuery的许多功能都使用Ajax。Ajax和jQuery齐头并进，很难比较这两种语言，因...

发布于 2020-10-27 15:54
阅读 ( 231 )

谷歌chrome常见问题解答

... 8如何在chrome中启用javascript ...

发布于 2021-03-12 03:38
阅读 ( 300 )

javascript压缩器：如何以及为什么缩小js

... 缩小javascript是加快网站响应时间的一种方法（同时压缩HTML），幸运的是，这是一个简单的过程。今天我将向你展示你需要知道的一切。 ...

发布于 2021-03-13 16:08
阅读 ( 233 )

mac的safari快捷方式备忘单

...d+I显示Web检查器Option+Shift+Cmd+I连接Web检查器选项+Cmd+C显示JavaScript控制台选项+Cmd+U显示页面源选项+Cmd+A显示页面资源Option+Shift+Cmd+T选项开始/停止时间线录制Shift+Cmd+C键启动/停止元素选择选项+Cmd+E清空浏览器缓存其他快捷方式命令...

发布于 2021-03-18 02:52
阅读 ( 231 )

什么是javascript？它是如何工作的？

JavaScript已经成为现代web开发的主流。这种强大的语言已经发展成为任何web开发人员都能理解的基本工具。 ...

发布于 2021-03-18 04:01
阅读 ( 282 )

如何用脚本编辑器来增强你的google应用程序

...伸缩的应用程序，轻松地与Google产品集成。 Apps Script使用JavaScript语言，将web开发和Google产品的熟悉程度结合在一起，使其成为为您的企业、组织定制应用程序的完美工具，或者只是为了自动化日常任务。您可以使用Google Apps脚...

发布于 2021-04-03 16:11
阅读 ( 227 )

如何在microsoft edge中安装和使用bookmarklet

...书签数据库中。 bookmarklet是存储在书签或收藏夹中的少量JavaScript代码。单击bookmarklet，代码将在当前页面上运行，允许您将页面保存到Pocket，在Twitter或Facebook上共享页面，甚至将LastPass password manager与Edge集成。这些只是bookmarklet...

发布于 2021-04-09 17:39
阅读 ( 220 )

...and CSS. Web C***ole – See logged info and interact with web pages using JavaScript. JavaScript Debugger – Debugs JavaScript. Network Monitor – See all network requests the browser makes and how long it takes. Style Editor – Edit CSS styles. You can watch a general video introduction here. ...

发布于 2021-04-11 04:10
阅读 ( 257 )

网站如何记住你对它的偏好（以及关于cookies的选择）？

...rpose as localStorage data is not accessible to the server unless there is JavaScript code that sends the data back to the server. If you wish to check the contents of localStorage, the fastest way is to open the Developer Tools in your browser, go to the (JavaScript) C***ole Tab, and type localStor...

发布于 2021-04-11 07:03
阅读 ( 220 )