zoukankan      html  css  js  c++  java
  • 第一百四十一节,JavaScript,封装库--DOM加载

    JavaScript,封装库--DOM加载

    DOM加载,跨浏览器封装DOM加载,当网页文档结构加载完毕后执行函数,不等待图片音频视频等文件加载完毕

    /** dom_jia_zai()函数,DOM页面加载函数,等待页面结构加载完毕后就执行函数,不需要等待页面音频视频等文件加载完毕,提高加载速度
     * 参数是页面结构加载完毕后要执行的函数
     * 一般前写前台js文件时,使用此方法加载DOM页面后执行代码,提高速度
     **/
    function dom_jia_zai(fn){
        var isReady = false;
        var timer = null;
        function doReady(fn) {
            if(timer) clearInterval(timer);
            if (isReady) return;
            isReady = true;
            fn();
        }
        if ((sys.opera && sys.opera < 9) || (sys.firefox && sys.firefox < 3) || (sys.webkit && sys.webkit < 525)){
            timer = setInterval(function () {
                if (document && document.getElementById && document.getElementsByTagName && document.body) {
                    doReady();
                }
            }, 1);
        }else if(document.addEventListener){
            addEvent(document, 'DOMContentLoaded', function () {                  //页面结构树加载完毕后执行函数,不会等待音频视频等文件加载完毕
                fn();
                removeEvent(document, 'DOMContentLoaded', arguments.callee);
            });
        }else if(sys.ie && sys.ie < 9){
            var timer = null;
            timer = setInterval(function () {
                try {
                    document.documentElement.doScroll('left');
                    doReady();
                } catch (e) {}
            },1);
        }
    }

    前台js 代码

    dom_jia_zai(function () {
    alert('111');
    
    });
  • 相关阅读:
    文件比较运算符
    中山慧海人才市场9月份 现场招聘会预告
    80后智能科技公司诚聘业务人员
    元豪路灯厂诚聘
    对Discuz的简单认识
    discuz阅读权限的设置作用
    个人对织梦系统的认识
    awvs的用法
    cain使用方法
    CCNA笔记(1)
  • 原文地址:https://www.cnblogs.com/adc8868/p/6361161.html
Copyright © 2011-2022 走看看