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>

  • 相关阅读:
    C# WebClient 使用http免费代理
    C#中给WebClient添加代理Proxy
    浅谈C#实现Web代理服务器的几大步骤
    Visual Studio 2017各版本安装包离线下载、安装全解析
    C# HttpClient, 使用C#操作Web
    ROS学习之 tab补全错误
    ROS学习之group标签
    ROS学习之CMakeLists.txt
    ROS学习之包的概念
    ROS学习之package.xml
  • 原文地址:https://www.cnblogs.com/xinlang/p/1325554.html
Copyright © 2011-2022 走看看