• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Iframe,高度自适应等相关知识,佚名 希望在学习及工作中可以帮助到您
随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用 户操作带来不便。于是自动调整iframe的高度就成为本文的重点。
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。
同域时Iframe高度自适应
下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。
代码如下,可复制。另外,请注意此解决方案仅供同域名下使用。

您可能想查找下面的文章:

  • IE下去掉iframe边框兼容IE7\IE8\IE6以下
  • IE6 innerHTML写入的iframe src不显示BUG的解决方法
  • bgiframe插件解决IE6 DIV档不住下拉选择框
  • Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

相关文章

  • 2017-08-06设置span宽度高度的方法
  • 2017-08-19DIV 全屏方式
  • 2017-08-06举例详解CSS中的的优先级
  • 2017-08-06CSS层叠样式表的层叠是什么意思(自我理解)
  • 2017-08-06一句代码解决css ie8兼容性问题
  • 2017-08-06table表格的一些常用属性介绍
  • 2017-08-06Div+Css画圆示例代码
  • 2017-08-06CSS文本属性的使用方法
  • 2017-08-06关于CSS Padding那些你意想不到的用法示例
  • 2017-08-06关于读取style元素定义样式表的兼容问题实例探讨

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • DIV+CSS 浏览器兼容性小结
    • CSS基础教程十九之CSS图文混排,图像签名,多图拼接和图片特效
    • 关于几个常见的css字体设定问题探讨
    • 浅析与CSS3的loading动画加载相关的transition优化
    • 使用white-space来阻止文字显示自动换行
    • float元素浮动后高度不一致导致错位的解决办方法
    • 响应式网页设计的快速教程(适合个人站点)
    • 利用js+css简单实现半透明遮罩弹窗
    • 写html时,经常用到tab结构
    • 纯CSS实现多级半透明效果菜单代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有