iframe高度自适应

 1 var adjustIframe = function (id) {
 2     var iframe = document.getElementById(id)
 3     var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
 4     var callback = function () {
 5         var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
 6         iframe.style.height = iheight + "px";
 7     }
 8     if (iframe.attachEvent) {
 9         iframe.attachEvent("onload", callback);
10     } else {
11         iframe.onload = callback
12     }
13 }
1 <iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html">
2 </iframe>

使用方法:

1 window.onload = function(){
2      adjustIframe("js_sub_web");
3 }

文章来源:http://www.cnblogs.com/rubylouvre/archive/2011/01/05/1926226.html

posted @ 2013-09-24 00:25  breezefeng  阅读(328)  评论(0编辑  收藏  举报