zoukankan      html  css  js  c++  java
  • iframe 页面自适应长宽

    脚本:

    View Code
    // 调用 IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");
    //iframe高度自适应
      function IFrameReSize(iframename) {
             var pTar = document.getElementById(iframename);
          if (pTar) {  //ff
              if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
                  pTar.height = pTar.contentDocument.body.offsetHeight;
              } //ie
              else if (pTar.Document && pTar.Document.body.scrollHeight) {
                  pTar.height = pTar.Document.body.scrollHeight;
              }
          }
      }
    
      //iframe宽度自适应
      function IFrameReSizeWidth(iframename) {
          var pTar = document.getElementById(iframename);
        
          if (pTar) {  //ff
              if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
                  pTar.width = pTar.contentDocument.body.offsetWidth;
              }  //ie
              else if (pTar.Document && pTar.Document.body.scrollWidth) {
                  pTar.width = pTar.Document.body.scrollWidth;
              }
          }
      }

    页面调用:

    View Code
    <iframe name="paymentIframe" id="paymentIframe" onload='IFrameReSize("paymentIframe");IFrameReSizeWidth("paymentIframe");'
            src="/docc/blank.jsp" align="center" allowtransparency="true" scrolling="auto" width="100%"  height="100%"
            frameborder="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" noresize></iframe>

    在新增或修改iframe信息后的js中也需要重新设置IFrame的长宽。

    IFrameReSize("paymentIframe");IFrameReSizeWidth("paymentIframe");
  • 相关阅读:
    JDBC 实现对数据库表的增删查操作(案例)
    JDBC练习1 从控制台向数据库的表customers中插入一条数据
    JDBC PreparedStatement解决SQL注入问题
    JDBC PreparedStatement针对不同表的通用查询操作
    JDBC 针对数据库表的查询操作(2)
    JDBC 针对数据库表的查询操作(1)
    分布式锁
    浅谈Java线程安全
    Java线程池学习
    ACID
  • 原文地址:https://www.cnblogs.com/a393060727/p/3006695.html
Copyright © 2011-2022 走看看