iframe高度自适应的IE解决方案

简介: 主页面main.html  DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.

主页面main.html 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html >
< head >
    
< title > New Document  </ title >
</ head >
< body >
    
< style  type ="text/css" >
        .iframestyle
        
{
            height
:  expression(1) ;
            aho
:  expression(autoResize()) ;
        
}
    
</ style >

    
< script  type ="text/javascript" >
        
function  autoResize() {
            
try  {
                document.getElementById(
" frm1 " ).style.height  =  window.frames[ " frm1 " ].document.body.scrollHeight;
            }
            
catch  (e) { }
        } 
    
</ script >

    iframe之前的文字
< hr />
    
< iframe  name ="frm1"  src ='frm.html'  marginwidth ="0"  marginheight ="0"  frameborder ="0"  scrolling ="no"  width ="100%"  class ="iframestyle"  id ="frm1"   ></ iframe >
    
< hr /> iframe之后的文字

</ body >
</ html >

 

 框架子页frm.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html >
< head >
    
< title > New Document  </ title >
</ head >
< body >

    
< script  language ="JavaScript"  type ="text/javascript" >
        
function  fnShort() {            
            document.getElementById(
" diva " ).innerHTML  =   ' <br />iframe变短<br /> ' ;

        }

        
function  fnLong() {

            document.getElementById(
" diva " ).innerHTML  =   ' <br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br />iframe变长<br /> ' ;

        } 
    
</ script >

    
< href ="#"  onclick ="fnShort();" > iframe变短 </ a >   < href ="#"  onclick ="fnLong();" > iframe变长 </ a >
    
< div  id ="diva" >
        
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
        iframe变长
< br  />
    
</ div >


    
< href ="frm2.html" > 转到一个新的页面 </ a >
</ body >
</ html >
子页面2: frm2.html
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html >
< head >
    
< title > New Document  </ title >
</ head >
< body >

    
< href ="frm.html" > 返回frm.html </ a >
</ body >
</ html >
在IE8上失效(不过IE8上可以通过设置源代码的Meta,让IE8以兼容性视图浏览,也算是一种IE8下的解决办法)
目录
相关文章
|
JavaScript
ie8 ie浏览器下载excel文件乱码,变成压缩包,解决方案
ie8 ie浏览器下载excel文件乱码,变成压缩包,解决方案
190 0
|
安全
Selenium在Win10下IE浏览器遇到的白屏初始页面解决方案
开发环境:Win10+Python3.5+Selenium+IE11硬件环境:联想MIIX700语言环境:English(US)在做数据爬取得时候,发现IE Driver出现白屏,跟着提示:“This is the initial start page for the WebDriver server“几经寻找,解决了问题。
1979 0
IE6下focus与blur错乱的解决方案
Miller同学发现的IE6 bug:如以下代码,点击textarea时,引发window的blur,导致focus与blur配对混乱: hello window.onblur=function(){ document.title= 'blur:' + Math.random() ; } window.onfocus=function(){ document.title= 'focus:' + Math.random() ; } 这应该是一个很常见的需求,例如,当前窗口定期更新数据,而窗口失焦则减少信息更新频率。
717 0
|
Web App开发 JavaScript 前端开发
Vue 兼容 ie9 的全面解决方案
Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuejs 本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。
2397 0
|
Web App开发 JavaScript 前端开发
|
Web App开发
解决IE浏览器中Iframe跨域访问不能读写cookie问题
摘要: 本文讲的是解决IE浏览器中Iframe跨域访问不能读写cookie问题, 假设A嵌套了B 解决方法:第一种很简单:将系统B设置为可信站点。
1446 0