手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js函数的延迟加载实现代码
js函数的延迟加载实现代码
摘要:复制代码代码如下://非延迟加载的函数,每次调用都会进行条件判断functionremoveHandler(target,eventType...

复制代码 代码如下:

//非延迟加载的函数,每次调用都会进行条件判断

function removeHandler(target,eventType,handler) {

if(target.removeEventListener) {

target.removeEventListener(eventType,handler,false);

}else {

target.detachEvent("on"+eventType,handler);

}

}

//延迟加载的函数,第一次调用后,会覆盖原来的老函数,以后再次调用的是新函数,不会再进行条件的判断,提升效率

function addHandler(target,eventType,handler) {

if(target.addEventListener) {

addHandler = function(target,eventType,handler){

target.addEventListener(eventType,handler,false);

}

}else{

addHandler = function(target,eventType,handler){

target.attachEvent("on"+eventType,handler);

}

}

addHandler(target,eventType,handler);

}

//条件预加载

//条件预加载确保所有函数调用时间相同。其代价是在脚本加载时进行检测。预加载适用于一个函数马上就会被用到,而且在整个页面生命周期中经常使用的场合。

var addEventHandler = document.body.addEventListener ? function(target,eventType,handler) {

target.addEventListener(eventType,handler,false);

} : function(target,eventType,handler) {

target.attachEvent("on"+eventType,handler);

}

【js函数的延迟加载实现代码】相关文章:

Webpack 实现 AngularJS 的延迟加载

动态加载iframe

javascript瀑布流式图片懒加载实例解析与优化

Nodejs中session的简单使用及通过session实现身份验证的方法

JS函数实现鼠标指向图片后显示大图代码

学习javascript文件加载优化

javascript瀑布流式图片懒加载实例

免费空间广告万能消除代码

jQuery插件jRumble实现网页元素抖动

js实现异步循环实现代码

精品推荐
分类导航