ホームページ > 記事 > ウェブフロントエンド > javascript应用：Iframe自适应其加载的内容高度_javascript技巧
javascript应用：Iframe自适应其加载的内容高度_javascript技巧
- WBOYオリジナル
- 2016-05-16 19:15:11981ブラウズ
main.htm:
iframe自适应加载的页面高度
child.htm:
iframe 自适应其加载的网页(多浏览器兼容)
<script> <BR> function iframeAutoFit() <BR> { <BR> try <BR> { <BR> if(window!=parent) <BR> { <BR> var a = parent.document.getElementsByTagName("IFRAME"); <BR> for(var i=0; i<a.length; i++) //author:meizz <BR> { <BR> if(a[i].contentWindow==window) <BR> { <BR> var h = document.body.scrollHeight; <BR> if(document.all) {h += 4;} <BR> if(window.opera) {h += 1;} <BR> a[i].style.height = h; <BR> } <BR> } <BR> } <BR> } <BR> catch (ex) <BR> { <BR> alert("脚本无法跨域操作！"); <BR> } <BR> } <BR> if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); <BR> else window.addEventListener('load', iframeAutoFit, false); <BR> </script>
iframe 自适应其加载的网页(多浏览器兼容)
复制代码 代码如下:
child.htm:
<script> <BR> function iframeAutoFit() <BR> { <BR> try <BR> { <BR> if(window!=parent) <BR> { <BR> var a = parent.document.getElementsByTagName("IFRAME"); <BR> for(var i=0; i<a.length; i++) //author:meizz <BR> { <BR> if(a[i].contentWindow==window) <BR> { <BR> var h = document.body.scrollHeight; <BR> if(document.all) {h += 4;} <BR> if(window.opera) {h += 1;} <BR> a[i].style.height = h; <BR> } <BR> } <BR> } <BR> } <BR> catch (ex) <BR> { <BR> alert("脚本无法跨域操作！"); <BR> } <BR> } <BR> if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); <BR> else window.addEventListener('load', iframeAutoFit, false); <BR> </script>
iframe 自适应其加载的网页(多浏览器兼容)
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。