iframe 高度自适应
2011-09-04 10:17
288 查看
@import url(http://www.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
有两种途径来实现此功能,第一种是在 iframe 所在的父页面控制 iframe 的高度,另一种方法是在 iframe 内页里控制 iframe 的高度:
第一种方法:
给 iframe 加一个 onload 事件,在此事件中处理 iframe 的高度:
<iframe name="myPage" style="border:0" src="page1.html" onload="setIframeHeight(this)"></iframe>
下面是 JAVASCRIPT 代码:
function setIframeHeight(iframeObj) {
var iframeWnd = window.frames(iframeObj.name);
var iframeBody = iframeWnd.document.body;
iframeObj.height = iframeBody.scrollHeight;
}
第二种方法,在 iframe 内页里设置 iframe 的高度:
window.onload = function() {
var iframes = parent.document.getElementsByTagName('iframe');
for(var i = 0; i < iframes.length; i++) {
if(iframes[i].name = self.name) {
iframes[i].height = document.body.scrollHeight;
break;
}
}
}
有两种途径来实现此功能,第一种是在 iframe 所在的父页面控制 iframe 的高度,另一种方法是在 iframe 内页里控制 iframe 的高度:
第一种方法:
给 iframe 加一个 onload 事件,在此事件中处理 iframe 的高度:
<iframe name="myPage" style="border:0" src="page1.html" onload="setIframeHeight(this)"></iframe>
下面是 JAVASCRIPT 代码:
function setIframeHeight(iframeObj) {
var iframeWnd = window.frames(iframeObj.name);
var iframeBody = iframeWnd.document.body;
iframeObj.height = iframeBody.scrollHeight;
}
第二种方法,在 iframe 内页里设置 iframe 的高度:
window.onload = function() {
var iframes = parent.document.getElementsByTagName('iframe');
for(var i = 0; i < iframes.length; i++) {
if(iframes[i].name = self.name) {
iframes[i].height = document.body.scrollHeight;
break;
}
}
}
相关文章推荐
- (转)用javascript使iframe高度自适应(本域内)
- 去iframe的边框,自适应高度等iframe知识
- ExtJs非Iframe框架加载页面实现 解决自适应高度
- iframe 自适应高度
- Iframe自适应高度
- 自己写的jQuery插件(一)--让Iframe自适应内容高度
- [转]iframe的自适应高度jscript
- iframe高度自适应
- iframe自适应高度
- 关于iframe自适应高度的解决方案
- 【转】iframe自适应高度
- iFrame高度自适应解决方案
- iframe 自适应高度
- iframe自适应高度和宽度
- 跨域访问Iframe自适应高度(兼容Firfox,IE)
- 利用ExtJs Viewport做iframe屏幕高度自适应
- 再谈iframe自适应高度
- 再谈iframe自适应高度 By 大米
- jquery iframe自适应高度
- JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)