window.open()各参数示例详解

尚斌

基本语法：

1. window.open('http://****/');

复制代码

window.open()各参数详解：

1. window.open('http://***/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')

复制代码

1. ‘http://*****/’ ：弹出窗口的地址；

复制代码

1. ‘newwindow’ ： 弹出窗口的名字（不是文件名），非必须，可用空”代替；

复制代码

1. height=100 ： 窗口高度；

复制代码

1. width=400 ： 窗口宽度；

复制代码

1. top=0 ： 窗口距离屏幕上方的象素值；

复制代码

1. left=0 ： 窗口距离屏幕左侧的象素值；

复制代码

1. toolbar=no ： 是否显示工具栏，yes为显示；

复制代码

1. menubar，scrollbars ： 表示菜单栏和滚动栏。

复制代码

1. resizable=no ： 是否允许改变窗口大小，yes为允许；

复制代码

1. location=no ： 是否显示地址栏，yes为允许；

复制代码

1. status=no ： 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

复制代码

弹出窗口居中方法:

1. function openWin(url,name,iWidth,iHeight) {
   
2.             //获得窗口的垂直位置
   
3.             var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
   
4.             //获得窗口的水平位置
   
5.             var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
   
6.             window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + '
   
7. 　　　　　　　　,width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + '
   
8. 　　　　　　　　,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
   
9.         }

复制代码

关闭弹出窗口:

1. window.opener = null; window.open('', '_self'); window.close();

复制代码

新窗口中关闭代码如下：

1. <input type="button" onclick="window.opener = null; window.open('', '_self'); window.close();" value="关闭" />

复制代码

到此这篇关于window.open()各参数详解的文章就介绍到这了,更多相关window.open()参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

来源:https://www.jb51.net/html5/941287.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！