zoukankan      html  css  js  c++  java
  • 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;
        }
  • 相关阅读:
    梦断代码阅读笔记03
    用户场景分析
    学习进度8
    学习进度7
    梦断代码阅读笔记02
    学习进度6
    随堂小测app(nabcd)
    梦断代码阅读笔记01
    《构建之法》-6
    《构建之法》-5
  • 原文地址:https://www.cnblogs.com/hzijone/p/4692423.html
Copyright © 2011-2022 走看看