首页 > 其他 > 详细

div动态显示iframe内容

时间:2015-07-31 18:09:24      阅读:243      评论:0      收藏:0      [点我收藏+]

在div里隐藏不了iframe

 

<div id="popupmenu" style="position:relative; display:none; z-index:10;">
   <iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe> 
</div>

即使div使用了display:none的style,页面rebootOper.php仍会被执行。

个人理解:涉及到跳转到另一个页面的内容。

在div里动态调用iframe的方式,在js 里新建一个iframe

<div id="popupmenu" style="position:relative; display:block; z-index:10;">
  <!-- <iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe> -->
</div>


function showPop(){
     document.getElementById("main").style.position = ‘absolute‘;
     var elementObject = document.getElementById("popupmenu");

    var strIframe  = ‘<iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe>‘;
      elementObject.innerHTML = strIframe;
    }

 

div动态显示iframe内容

原文:http://www.cnblogs.com/hzijone/p/4692423.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!