根据iframe页面的大小动态调整页面(兼容IE6及以上版本 chrome 火狐)
来源:互联网 发布:知乎 淘宝买到真货 编辑:程序博客网 时间:2024/06/11 18:40
前一段时间在一个jsp页面中加载一个html页面,通过使用iframe加载html页面,但是在动态调整iframe的大小时无法兼容各个浏览器,后来在网上找到针对各个流浪器对iframe进行动态调整的代码,并将代码进行了整合,现在使用下面方法可以完美的兼容各个浏览器。
<iframe style=" position:absolute; left:330px; top:200px " width="750px" frameBorder="0" frameSpacing="0" scrolling="no" marginHeight="0" marginWidth="0" src="http://localhost:8080/web/doc/index.html" id="rightContent" name="rightContent" onload="reinitIframe()"></iframe>
function reinitIframe(){
var iframe = document.getElementById("rightContent");var iframeDocument = null;
//safari和chrome都是webkit内核的浏览器,但是webkit可以
if (iframe.contentDocument)
{
//ie 8,ff,opera,safari
iframeDocument = iframe.contentDocument;
}
else if (iframe.contentWindow)
{
// for IE, 6 and 7:
iframeDocument = iframe.contentWindow.document;
}
if (!!iframeDocument) {
iframe.width=iframeDocument.documentElement.scrollWidth+"px";
iframe.height=iframeDocument.documentElement.scrollHeight+"px";
} else {
//for chorme
var bHeight = iframe.contentDocument.body.scrollHeight;
var dHeight = iframe.contentDocument.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}
}
- 根据iframe页面的大小动态调整页面(兼容IE6及以上版本 chrome 火狐)
- 动态调整iframe页面的大小
- 动态调整iframe页面的大小
- 加载页面时,根据页面的Iframe内的子页面的大小进行动态改变Iframe的大小 JS
- IE6-8 火狐兼容的IFRAME写法
- 根据webform页面大小的变化动态调整控件的大小
- iframe如何让父页面根据子页面的大小而动态为子页面留出空间
- 在iframe的name不定时,根据被包含页面大小动态改变iframe的大小(by quqi99)
- IFrame 根据嵌入页面自动调节大小
- IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
- IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
- 兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法
- 兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法
- 页面滚动进度条 ( 兼容IE7及以上 )
- IE6 iframe 空白页面
- iframe里面 怎么让页面的大小自动调整到框架的大小
- easyui layout布局的根据浏览器页面大小自动调整大小
- 根据iframe框架中页面的实际高度动态改变iframe框架高度
- word转化为图片,含合并图片及水印
- edittext BG 类似文本框背景
- 系统UITabBarController的tabBar隐藏时显示白条的解决方法
- __interface windows做的另一个龌龊事
- 嵌入式Linux系统在命令行(终端界面)的多应用(多任务)切换
- 根据iframe页面的大小动态调整页面(兼容IE6及以上版本 chrome 火狐)
- 黑马程序员-------java 基础知识
- 初识正则表达式
- linux screen 命令简单使用
- 观察者模式
- C#字符串操作 取文本左边 取文本右边 取文本中间 取文本中间到List集合 指定文本倒序
- 记录exit,continue和return的用法
- python的列表解析
- 《烽烟OL》客户端 Flex SDK4.0 升级4.5 or 4.6 报错解决方案