当前位置:Gxlcms > JavaScript > showModalDialog模态对话框的使用详解以及浏览器兼容_javascript技巧

showModalDialog模态对话框的使用详解以及浏览器兼容_javascript技巧

时间:2021-07-01 10:21:17 帮助过:30人阅读

1.ModalDialog是什么?
showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面。
区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法操作了)。
可以在子窗口中通过设置window.returnValue的值,让父窗口可以获取这个returnvalue.

2.一个例子
1)主窗口main.html,
2)在主窗口中通过showModalDialog的方式打开子窗口sub.html
3)在子窗口中设置returnValue返回给主窗口使用

main.html

代码如下: