iframe实现关闭当前窗口效果

最新推荐文章于 2021-08-27 15:41:28 发布

weixin_33713350

最新推荐文章于 2021-08-27 15:41:28 发布

阅读量684

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/web-xiaobai/archive/2012/09/15/2686158.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>b</title>
    <head>
     </head>
 <body>
      <div class="wrap" id="wrap" style="width:500px;height:500px;background:red;" > 
        点击隐藏
      </div> 
 <script type="text/javascript">
  document.getElementById("wrap").onclick=function(){
    window.parent.document.getElementById("main").style.display="none";
  }
 </script>
 </body>
 </html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>a</title>
<style type="text/css">
    #main{width:300px;height:200px;}
</style>
</head>
<body>
    <iframe id="main" src="test.htm"  frameborder="no" ></iframe>
</body>
</html>

打开a页面后，iframe即引入b页面，点击iframe中的div，iframe则会隐藏，以实现弹出的iframe关闭效果。
注意：必须在服务器上运行；

转载于:https://www.cnblogs.com/web-xiaobai/archive/2012/09/15/2686158.html

weixin_33713350

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
iframe实现关闭当前窗口效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...
复制链接

扫一扫