动态改变iframe的高度
2011-09-30 09:42
621 查看
网上找了很久,发现都不能实现缩小iframe高度,自己修改了一下,发现原来是js添加了height以后,再取时就都是这个值了。所以只要做如下的修改就行了,IE6+,FF都有用。
1 function changeHeight(obj) {
2 var cwin=document.getElementById("frameId");
3 cwin.removeAttribute('height');
4 var iframeHeight = 0;
5 if (document.getElementById) {
6 if (cwin && !window.opera) {
7 if (cwin.contentDocument && cwin.contentDocument.body.scrollHeight)
8 iframeHeight = cwin.contentDocument.body.scrollHeight + 10; //FF NS
9 else if(cwin.Document && cwin.Document.body.scrollHeight)
iframeHeight = cwin.Document.body.scrollHeight + 10;//IE
} else {
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
iframeHeight = cwin.contentWindow.document.body.scrollHeight + 10;//Opera
}
}
document.getElementById('frameId').height=iframeHeight;17 }
1 function changeHeight(obj) {
2 var cwin=document.getElementById("frameId");
3 cwin.removeAttribute('height');
4 var iframeHeight = 0;
5 if (document.getElementById) {
6 if (cwin && !window.opera) {
7 if (cwin.contentDocument && cwin.contentDocument.body.scrollHeight)
8 iframeHeight = cwin.contentDocument.body.scrollHeight + 10; //FF NS
9 else if(cwin.Document && cwin.Document.body.scrollHeight)
iframeHeight = cwin.Document.body.scrollHeight + 10;//IE
} else {
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
iframeHeight = cwin.contentWindow.document.body.scrollHeight + 10;//Opera
}
}
document.getElementById('frameId').height=iframeHeight;17 }
相关文章推荐
- 关于iframe自适应高度,解决一个iframe动态改变url,改变页面同时解决高度自适应问题
- 动态的改变iframe高度
- 动态的改变IFrame的高度,使其没有滚动条,实现IFrame自动伸展
- 动态改变父类iframe的高度
- H5特性 MutationObserver 监听元素 动态改变iframe高度
- 动态的改变IFrame的高度 .
- iframe动态改变内嵌页面高度
- javascript动态的改变IFrame的高度实现自动伸展
- 动态的改变IFrame的高度
- iframe 动态改变高度
- 动态改变IFRAME的指向和高度
- iframe动态改变内嵌页面高度
- 动态的改变IFrame的高度
- 动态的改变IFrame的高度
- js动态改变iframe的高度
- javascript动态的改变IFrame的高度实现自动伸展
- 动态的改变IFrame的高度
- js动态改变iframe高度自适应