zoukankan      html  css  js  c++  java
  • 框架页面高度自动刷新Javascript脚本

    实现原理:加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码

    代码优点:只需要设置index.html框架页面中的脚本,调用加载的子页面中不需要设置任何代码。

    index.htm代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>首页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        </head>
    <body> 
                <div style="float: left; 740px;  height:auto; border: 1px #808080 Solid; margin: 5px 0px 5px 10px;overflow: hide">
                    <iframe name="ifr_obj" id="ifr_obj"  src="这里嵌套其它页面地址或者文件名" frameborder="0" width="100%"   scrolling="no"  title="框架页面"></iframe>
                </div>
    </body>
    <script language="javascript" type="text/javascript">

        function initIframeHeight() {
            try {
                var iframe = document.getElementById("ifr_obj");

                if (iframe != null) {
                    if (iframe.contentWindow.document.body != null) {

                        var bHeight = iframe.contentWindow.document.body.scrollHeight;

                        var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

                        var height = Math.max(bHeight, dHeight);

                        iframe.height = height;
                    }
                }
            }
            catch (ex) {
                alert("加载框架页面高度时出错"+ex.toString());
             }
        }

        window.setInterval("initIframeHeight()", 1000);

    </script>
    </html>

  • 相关阅读:
    Jzoj4822 完美标号
    Jzoj4822 完美标号
    Jzoj4792 整除
    Jzoj4792 整除
    Educational Codeforces Round 79 A. New Year Garland
    Good Bye 2019 C. Make Good
    ?Good Bye 2019 B. Interesting Subarray
    Good Bye 2019 A. Card Game
    力扣算法题—088扰乱字符串【二叉树】
    力扣算法题—086分隔链表
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3402593.html
Copyright © 2011-2022 走看看