Iframe动态内容调整大小



我有一个iframe,它可以重新调整自己的内容大小。iframe第一次加载时,内容会调整大小,但在随后的调整大小或页面滚动时内容不会改变。

我试过onresize,onmove…

 <script type="text/javascript">
    function autoIframe(frameId) {
        try {
            frame = document.getElementById(frameId);
            innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
            if (innerDoc == null) {
                // Google Chrome
                frame.height = document.all[frameId].clientHeight + document.all[frameId].offsetHeight + document.all[frameId].offsetTop;
            }
            else {
                objToResize = (frame.style) ? frame.style : frame;
                objToResize.height = (innerDoc.body.scrollHeight +200) + 'px';
                //document.getElementById("autosizeframe").style.height=(innerDoc.body.scrollHeight+18)+'px';
                //alert(frame.style.height+'-'+innerDoc.body.scrollHeight)
            }
        }
        catch (err) {
            document.getElementById("autosizeframe").style.height = '1600px';
            document.getElementById("autosizeframe").style.width = '1000px';
            //alert('Err: ' + err.message);
            window.status = err.message;
        }
    }

几年前我也做了一个iframe自动调整大小的脚本。也许这对你有帮助:http://www.professorweb.de/javascript-ajax/iframe-hohe-an-dessen-inhalt-automatisch-anpassen-v2.html

最新更新