zoukankan      html  css  js  c++  java
  • Iframe自动适应宽度和高度(both IE and Firefox )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>iframe</title>
    </head>
    <body>
    <script type="text/javascript">
     
    function SetCwinHeight(){
      
    var bobo=document.getElementById("bobo"); //iframe id
      if (document.getElementById){
       
    if (bobo && !window.opera){
        
    if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
         bobo.height 
    = bobo.contentDocument.body.offsetHeight;
        }
    else if(bobo.Document && bobo.Document.body.scrollHeight){
         bobo.height 
    = bobo.Document.body.scrollHeight;
        }
       }
      }
     }
    </script>
    <iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="IFrame_myPage.aspx"></iframe>
    这里有什么?
    </body>
    </html>

    还有一种方法是不需要js控制的。与大家分享一下

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
     上面是必须要替换的  (如果是想尝试一下 就Ctrl+C and Ctrl+V 一下。。。)      

    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                <tr height="100%">
                    <td valign="top">
                        <iframe id="Iframe1" width="100%" height="100%" scrolling="no" frameborder="0" src="FrmDWJJJS.aspx?id=<%= id%>">
                        </iframe>
                    </td>
                </tr>
                       </table>

  • 相关阅读:
    链表
    std::map
    linux配置永久ip不生效解决方法
    linux命令英文缩写的含义(方便记忆)
    互联网创业其实就这24种商业模式
    当用反射获取一个model,这个model里面字段有nullable的时候,获取字段真实类型
    自定义alert和confirm
    web上传大文件的配置
    windows服务-log4net的使用
    vs中的各种快捷键
  • 原文地址:https://www.cnblogs.com/xinlang/p/1325554.html
Copyright © 2011-2022 走看看