完美解决iframe自动适应高度兼容浏览器

         现在网站开发很少用到Iframe了  但是某些地方不得不用，iframe我反正觉得还可以至于那么多人说它不好的话，那个就是萝卜白菜各喜各爱。

         废话不多。

         在网上找了一个iframe 自动适应高度的代码，不独享，贴出来。网上千篇一律的代码那么多，拜托各位就发点真正有效的东西。

 

   <iframe id="iframe1" οnlοad="adjustFrameSize()" scrolling="no" src="apply2.html"
        width="100%" height="300px" target="_self" frameborder="0"></iframe>

 

   在放上一段JS

  

        <script language="javascript">
        function adjustFrameSize() {
            var frm = document.getElementById("iframe1"); //将iframe1替换为你的ID名
            var subWeb = document.frames ? document.frames["iframe1"].document : frm.contentDocument;
            if (frm != null && subWeb != null) {
                frm.style.height = "0px"; //初始化一下,否则会保留大页面高度
                frm.style.height = subWeb.documentElement.scrollHeight + "px";
                frm.style.width = subWeb.documentElement.scrollWidth + "px";
                subWeb.body.style.overflowX = "auto";
                subWeb.body.style.overflowY = "auto";

            }
        }
    </script>

 

        OK  解决了  就这么简单。在火狐下和IE 下都可以自动适应高度，但是有一点，最起码你的嵌套页面最少要有300的高度呀。不然是取不到值的。