iframe自适应加载的页面高度

main.htm:

iframe自适应加载的页面高度<html>  
iframe自适应加载的页面高度    <head>  
iframe自适应加载的页面高度       <meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312' />  
iframe自适应加载的页面高度       <meta  name='author'  content='F.R.Huang(meizz梅花雪)//www.meizz.com' />  
iframe自适应加载的页面高度       <title>iframe自适应加载的页面高度</title>  
iframe自适应加载的页面高度    </head>  
iframe自适应加载的页面高度     
iframe自适应加载的页面高度    <body>
iframe自适应加载的页面高度        <div><iframe src="child.htm"></iframe></div>
iframe自适应加载的页面高度    </body>
iframe自适应加载的页面高度</html>

child.htm:

 

iframe自适应加载的页面高度<html>  
iframe自适应加载的页面高度<head>  
iframe自适应加载的页面高度    <meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312' />  
iframe自适应加载的页面高度    <meta  name='author'  content='F.R.Huang(meizz梅花雪)//www.meizz.com' />  
iframe自适应加载的页面高度    <title>iframe  自适应其加载的网页(多浏览器兼容)</title>  
>

　　很多人反应在IE7里使用它会死机，那是因为在自适应高度时触发了 window.onresize 事件，而这个事件又去调用这个调整 <iframe> 高度的函数，产生了死循环调用。

　　这段代码里我对 iframe 所在的父元素也设定了一个高度，以防止iframe 高度变化时页面跳动的太厉害，在调用的时候可酌情使用这个设置。

相关文章：

  • 2021-12-12
  • 2021-12-12
  • 2021-12-12
  • 2021-09-07
  • 2021-08-03
  • 2021-12-12
猜你喜欢
  • 2021-09-07
  • 2021-12-22
  • 2021-12-12
  • 2021-12-12
  • 2021-12-12
  • 2021-09-07
  • 2021-04-19
  • 2021-09-12
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode