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');
    
    });
  • 相关阅读:
    Selenium的WebDriver API元素定位中的XPath和CSS
    Python中pytesseract库的使用以及注意事项
    Lua语言15分钟快速入门
    day 31 综合架构实时同步服务
    day 30 综合架构存储服务
    day 29 综合架构备份项目
    day 28 综合架构备份服务
    day 27 综合架构开场介绍
    操作系统磁盘管理
    操作系统定时任务
  • 原文地址:https://www.cnblogs.com/adc8868/p/6361161.html
Copyright © 2011-2022 走看看