码迷,mamicode.com
首页 > 其他好文 > 详细

div动态显示iframe内容

时间:2015-07-31 18:12:22      阅读:85      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!