Question

我有一个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;
        }
    }

Answer 1

多年前我也制作了iframe自动缩放器脚本。也许它对你有帮助： http://www.professorweb.de/javascript-ajax/iframe-hohe-an-dessen-inhalt-automatisch-anpassen-v2.html

iframe动态内容调整大小

1 个答案: