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;

    }