開發小技巧：jQuery處理自適應內容高度的iframe

前端開發中，我們往往需要處理iframe，可能有的時候希望iframe根據內容自適應高度以便不出現令人煩心的捲軸，下面這段代碼可以協助你實作類別似功能。

$(document).ready(function()        {                // Set specific variable to represent all iframe tags.                var iFrames = document.getElementsByTagName('iframe');                // Resize heights.                function iResize()                {                        // Iterate through all iframes in the page.                        for (var i = 0, j = iFrames.length; i < j; i++)                        {                                // Set inline style to equal the body height of the iframed content.                                iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';                        }                }                // Check if browser is Safari or Opera.                if ($.browser.safari || $.browser.opera)                {                        // Start timer when loaded.                        $('iframe').load(function()                                {                                        setTimeout(iResize, 0);                                }                        );                        // Safari and Opera need a kick-start.                        for (var i = 0, j = iFrames.length; i < j; i++)                        {                                var iSource = iFrames[i].src;                                iFrames[i].src="";                                iFrames[i].src = iSource;                        }                }                else                {                        // For other good browsers.                        $('iframe').load(function()                                {                                        // Set inline style to equal the body height of the iframed content.                                        this.style.height = this.contentWindow.document.body.offsetHeight + 'px';                                }                        );                }        }); 

文章來源：http://bbs.html5cn.org/forum.php?mod=viewthread&tid=11622&extra=