您现在的位置:首页 --> JavaScript --> iframe自适应高度代码
iframe自适应高度代码
浏览:3592次 出处信息
有不少wBox的用户反映iframe时候不可以自动撑开高度,今天在无意中看到了司徒正美的一片关于iframe自适用高度的js代码,感觉不错,转载来了。
var adjustIframe = function (id) { var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = function () { var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高 iframe.style.height = iheight + "px"; } if (iframe.attachEvent) { iframe.attachEvent("onload", callback); } else { iframe.onload = callback } }
HTML代码如下所示:
<iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html"> </iframe>
使用代码:
window.onload = function(){ adjustIframe("js_sub_web"); }
推荐几篇关于Iframe的文章:
- 《再谈Iframe的问题》
- 《解决IE6 select z-index无效,遮挡div的bug》
- 《使用JavaScript在IE和Firefox下进行iframe的DOM操作》
- 《用document.domain+iframe实现Ajax跨子域》
- 《关于Ajax在浏览器中产生前进后退的实现方法》
建议继续学习:
- iframe大小自适应 (阅读:9671)
- iframe里src="about:blank"的问题。 (阅读:7600)
- 跨域请求的iframe解决方案(1) (阅读:6075)
- BO报表系统嵌入Iframe在firefox下的错误修改 (阅读:5299)
- ie下iframe输入框焦点丢失解决方案 (阅读:5129)
- 三谈Iframe自适应高度 (阅读:4382)
- Google+开发团队分享经验 (阅读:4202)
- 使用document.domain和iframe实现站内AJAX跨域 (阅读:4198)
- 跨域请求的iframe解决方案(2) (阅读:3912)
- IFrame带来的Session问题 (阅读:3671)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:白话BigPipe
文章信息
- 作者:断桥残雪 来源: 断桥残雪部落格
- 标签: iframe 自适应
- 发布时间:2011-08-23 13:24:07
建议继续学习
近3天十大热文
-
[321] WordPress插件开发 -- 在插件使用 -
[151] 解决 nginx 反向代理网页首尾出现神秘字 -
[92] IOS安全–浅谈关于IOS加固的几种方法 -
[50] Linux Used内存到底哪里去了? -
[50] 到底什么是MVC? -
[50] 二维码的生成细节和原理 -
[48] Shell的那些事儿 -
[47] 中间件和稳定性平台 -
[47] 浏览器的工作原理:新式网络浏览器幕后揭秘 -
[47] Hacker News 排名算法工作原理
