js 监听iframe加载完成事件，并动态修改iframe内嵌页样式，动态iframe高度

最新推荐文章于 2024-01-02 16:41:47 发布

原创最新推荐文章于 2024-01-02 16:41:47 发布 · 6.1k 阅读

10 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

<script type="text/javascript">

        $(document).ready(function (e) {

            var iframe = document.getElementById("OfficeMain");

            if (iframe.attachEvent) {
                //todo something
                SetIframeSrcStyle();
                SetCwinHeight();
            }
            else {
                iframe.onload = function () {
                    //todo something
                    SetIframeSrcStyle();
                    SetCwinHeight();
                }
            }
        });


        function SetIframeSrcStyle() {

            var src = document.getElementById("OfficeMain");

            var doc = (src.contentWindow || src.contentDocument);

            if (doc.document) {

                doc.document.body.style.backgroundColor = "#555";
            }
        }

        function SetCwinHeight() {
            var iframeid = document.getElementById("OfficeMain"); //iframe id 
            if (document.getElementById) {
                if (iframeid && !window.opera) {
                    if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {
                        iframeid.height = iframeid.contentDocument.body.offsetHeight;
                    } else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
                        iframeid.height = iframeid.Document.body.scrollHeight;
                    }
                }
            }
        }