让iframe自动调整高度的方法

在一个页面里调用另外iframe子页面，可以通过javascript在父页面直接控制子页面的高度，无需在子页面添加任何代码，非常好用

查看演示页面 View Demo

在调用页面添加以下代码

<script type="text/javascript">

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序，请保留此声明
         * 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
         ******************************************************/
    
function SetCwinHeight(){
var sharejs_frame=document.getElementById("sharejs_frame"); //iframe id
if (document.getElementById){
if (sharejs_frame && !window.opera){
if (sharejs_frame.contentDocument && sharejs_frame.contentDocument.body.offsetHeight){
sharejs_frame.height = sharejs_frame.contentDocument.body.offsetHeight;
}else if(sharejs_frame.Document && sharejs_frame.Document.body.scrollHeight){
sharejs_frame.height = sharejs_frame.Document.body.scrollHeight+30;
}
}
}
}
</script>


<iframe width="100%" id="sharejs_frame" onload="SetCwinHeight()" height="0″ frameborder="0″  src="frame.html" scrolling="no"></iframe>

自己任意定义一个子页面，frame.html，内容随意输入，打开主页面可以看到frame.html页面会自动调整其高度