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