JS弹窗方式:window.open和window.showModalDialog
2012-11-02 10:18
330 查看
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 4000 | 设定窗口(包括装饰边框)的像素宽度 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栏还是会以只读的形式存在。
相关文章推荐
- js弹窗返回值详解(window.open方式)
- js弹窗返回值详解(window.open方式)
- js弹窗返回值详解(window.open方式)
- js弹窗返回值(window.open方式)
- (转)js弹窗&返回值(window.open方式)
- JS (window.showModalDialog) 弹窗中值的获取方式!
- 总结js(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- 360浏览器拦截弹窗,window.open方式打不开新页面
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- js的window.showModalDialog及window.open用法实例分析
- JS中用window.open()方式打开,使新页面全屏、居中的代码
- chrome拦截window.open弹窗问题的两种解决方式
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- js的window.showModalDialog及window.open用法实例分析
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- js中window.open和showModalDialog的区别
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意