showModalDialog close and jump to

最新推荐文章于 2016-06-06 17:06:40 发布

原创最新推荐文章于 2016-06-06 17:06:40 发布 · 669 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #firefox #ie

Javascript 专栏收录该内容

16 篇文章

订阅专栏

本文演示了如何使用HTML和JavaScript创建popupwindow和modal对话框，并提供了在不同浏览器环境下运行示例。

index.html

<html> <head> <title>popup window</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <mce:script language="JavaScript"></mce:script> </head> <body> <a href="#" mce_href="#" onclick="showmodaldialog1();">showModalDialog</a> <a href="#" mce_href="#" onclick="showmodaldialog2();">showModalDialog</a> </body> </html>

children0.html

<html> <head> <title>my popup</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <mce:script language="JavaScript"></mce:script> </head> <body> <div><a href="children01.html" mce_href="children01.html"> 链接 </a></div> <div><a href="#" mce_href="#" onclick="top.close();"> close top </a></div> <div><a href="#" mce_href="#" onclick="parent.close();">close parent</a></div> <div><a href="#" mce_href="#" onclick="jumpto();">parent to google</a></div> </body> </html>

children0.html

<html> <head> <title>my popup</title> <base target="_self"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <mce:script language="JavaScript"></mce:script> </head> <body> I am here! </body> </html>

在firefox上运行可以

在ie上无法跳转到http://www.google.com/

无法跳转到children01.html