第一百四十一节，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');});

第一百四十一节，JavaScript，封装库--DOM加载相关推荐

第一百五十一节，封装库--JavaScript，表单验证--密码确认验证--回答验证--电子邮件验证加自动补全...
封装库--JavaScript,表单验证--密码确认验证--回答验证--电子邮件验证加自动补全效果图 html <div id="reg"><h2 class= ...
javascript模板库jsrender加载并缓存外部模板文件
前一篇说了jsrender嵌套循环的使用,在SPA的应用中,广泛使用的一个点就是view模板,使用了SPA之后,每个业务页面不再是独立的html,仅仅是一个segment,所以通常这些segment会 ...
第二百四十一节，Bootstrap进度条媒体对象和 Well 组件
第二百四十一节,Bootstrap进度条媒体对象和 Well 组件学习要点: 1.Well 组件 2.进度条组件 3.媒体对象组件本节课我们主要学习一下 Bootstrap 的三个组件功能:Wel ...
h5中performance.timing轻松获取网页各个数据如dom加载时间渲染时长加载完触发时间...
在控制台中输入window.performance.timing(html5的属性); 各字段的含义: · navigationStart:当前浏览器窗口的前一个网页关闭,发生unload事件时的Un ...
html图片怎么预加载,如何利用CSS和Javascript实现图片预加载
说到图片预加载,想必大家已经很熟悉了,在平时的项目中,我们常用插件实现预加载,比如:懒加载lazyload插件等等.如果你想了解下lazyload,可以看下这两篇文章: 今天主要想介绍不用插件实现图片 ...
React Native封装Toast与加载Loading组件
React Native开发封装Toast与加载Loading组件在App开发中,我们避免不了使用的两个组件,一个Toast,一个网络加载Loading,在RN开发中,也是一样,React Nati ...
jquery源码 DOM加载
jQuery版本:2.0.3 DOM加载有关的扩展 isReady:DOM是否加载完(内部使用) readyWait:等待多少文件的计数器(内部使用) holdReady():推迟DOM触发 read ...
HTML里的哪一部分Javascript 会在页面加载的时候被执行？
最近遇到一个问题: HTML里的哪一部分Javascript 会在页面加载的时候被执行() A : 文件头部 B : 文件尾 C : <head>标签部分 D : <body> ...
jQuery deferred应用dom加载完毕详细源码分析（三）
我承认上章ajax部分写得不好,不要怪我,它的ajax代码太多了,而且跨越大,方法跳跃多,实在不好排版与讲解,但如果你真正想研究源码并且仔细读了得话,你的收获应该会很大,至少你明白了js的ajax是 ...

第一百四十一节，JavaScript，封装库--DOM加载

第一百四十一节，JavaScript，封装库--DOM加载相关推荐

最新文章

热门文章