JS弹窗方式:window.open和window.showModalDialog

来源:互联网 发布:故宫纪录片知乎 编辑:程序博客网 时间:2024/04/30 04:04
javascript弹出窗口代码   下面是两个弹出屏幕居中窗口的例子   window.open()方式       function ShowDialog(url) {           var iWidth=300; //窗口宽度           var iHeight=200;//窗口高度           var iTop=(window.screen.height-iHeight)/2;           var iLeft=(window.screen.width-iWidth)/2;           window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);          }      window.showModalDialog方式     function ShowDialog(url) {           var iWidth=300; //窗口宽度           var iHeight=200;//窗口高度           var iTop=(window.screen.height-iHeight)/2;           var iLeft=(window.screen.width-iWidth)/2;           window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");         }注意这里的第二个参数,window
用户必须在这个弹出式窗体中输入信息后才能访问其他的窗体是模态窗体就用第二个方法
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
alwaysRaised 
| yes/no |
 指定窗口悬浮在所有窗口之上 
depended 
| yes/no |
 是否和父窗口同时关闭 
directories 
| yes/no |
 Nav2和3的目录栏是否可见 
height 
| pixel value |
 窗口高度 
hotkeys 
| yes/no |
 在没菜单栏的窗口中设安全退出热键 
innerHeight 
| pixel value |
 窗口中文档的像素高度 
innerWidth 
| pixel value |
 窗口中文档的像素宽度 
location 
| yes/no |
 位置栏是否可见 
menubar 
| yes/no |
 菜单栏是否可见 
outerHeight 
| pixel value |
 设定窗口(包括装饰边框)的像素高度 
outerWidth 
| pixel value |
 设定窗口(包括装饰边框)的像素宽度 
resizable 
| yes/no |
 窗口大小是否可调整 
screenX 
| pixel value |
 窗口距屏幕左边界的像素长度 
screenY 
| pixel value |
 窗口距屏幕上边界的像素长度 
scrollbars 
| yes/no |
 窗口是否可有滚动栏 
titlebar 
| yes/no |
 窗口题目栏是否可见 
toolbar 
| yes/no |
 窗口工具栏是否可见 
Width 
| pixel value |
 窗口的像素宽度 
z
-look | yes/no |
 窗口被激活后是否浮在其它窗口之上
有一点要注意的是,由于浏览器版本问题,有些属性可能没有效果,例如location,在高IE版本中url栏还是会以只读的形式存在。