欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iframe高度自适应

程序员文章站 2022-07-14 22:53:07
...
调整iframe的高度使之不出现滚动条是很常见的需求,原来一直用一个函数,后来发现封装的不太好,于是今天优化了一下。

主要的问题是获取iframe本身元素以及获取iframe中文档对象的区别,获取iframe元素只需要用document.getElementById(frameId);,而获取获取文档对象则需要window.frames[frameName].document的方式来获取。

所有针对iframe元素的操作都可以直接过去元素,而与iframe内容相关的各种操作,如获取所包含文档中的一个js变量,要先获取window对象,然后才能执行操作。


/*
* 调整iframe的高度以适应所引用网页的高度
*/
function iframeResize(frameId, frameName) {
var dyniframe = null;
var indexwin = null;
if (document.getElementById){
if(!frameId) {
frameId = "contentFrame";
frameName = "contentFrame";
}
dyniframe = document.getElementById(frameId);
indexwin = window;
if (dyniframe){
var contentHeight = window.frames[frameName].document.body.scrollHeight;
dyniframe.height = (!contentHeight || contentHeight < 600) ? 600 : contentHeight;
}
}
}
相关标签: Safari XHTML HTML

上一篇: JQ DOM 文档处理

下一篇: jQuery 入门