showModalDialog模态对话框的使用以及浏览器兼容

最新推荐文章于 2025-06-15 05:58:11 发布

oscar999

最新推荐文章于 2025-06-15 05:58:11 发布

阅读量2.6w

点赞数

CC 4.0 BY-SA版权

分类专栏： 130-Web语言

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/8280713

130-Web语言专栏收录该内容

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

ModalDialog 是什么？
showModalDialog 是js window对象的一个方法，和window.open一样都是打开一个新的页面。
区别是： showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了）。
可以在子窗口中通过设置 window.returnValue 的值，让父窗口可以获取这个return value.

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

<HTML>  
<HEAD>  
<META NAME="GENERATOR" Content="oscar999">  
</HEAD>  
<script>
function showmodal()
{
  var ret = window.showModalDialog("sub.html?temp="+Math.random());
  alert("sub return value is "+ret);
}
</script>
<BODY>  
<INPUT id=button1 type=button value="open sub" name=button1 onclick="showmodal();">  
</BODY>  
</HTML>

了解本专栏