window.open()参数传递及获取
时间: 2023-05-08 08:59:07 浏览: 136
window.open()是JavaScript中常用的打开新窗口的方法。在使用该方法时,我们可以传递一些参数来定制新打开的窗口,也可以通过新打开窗口中的JavaScript代码来获取这些参数。
在window.open()中,可以设置的参数有:
1. URL:表示要在新窗口中打开的网页的URL地址。
2. name:表示新窗口的名称。
3. width:表示新窗口的宽度。
4. height:表示新窗口的高度。
5. top:表示新窗口距离系统桌面顶部的位置。
6. left:表示新窗口距离系统桌面左侧的位置。
7. menubar:是否显示菜单栏。
8. toolbar:是否显示工具栏。
9. scrollbars:是否显示滚动条。
10. location:是否显示地址栏。
11. status:是否显示状态栏。
12. resizable:是否可以改变窗口大小。
我们可以通过在window.open()中传递这些参数来定制新打开的窗口。例如:
```
window.open('https://www.baidu.com', 'newWindow', 'width=800,height=600,top=100,left=100');
```
此外,我们还可以通过在新打开的窗口中使用JavaScript代码来获取这些参数。例如,在新窗口中编写如下代码:
```
var url = window.opener.location.href;
var name = window.name;
var width = window.opener.innerWidth;
var height = window.opener.innerHeight;
var top = window.screenTop;
var left = window.screenLeft;
```
通过这种方式,我们就可以获取到在window.open()中传递的参数了。需要注意的是,如果新打开的窗口是一个从当前窗口打开的弹出窗口,则可以使用window.opener来获取父窗口的一些信息,例如父窗口的URL、窗口大小等等。