div动态显示iframe内容

在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;
    }