手机
当前位置:查字典教程网 >编程开发 >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函数的延迟加载实现代码】相关文章:

js实现点击链接后延迟3秒再跳转的方法

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

动态加载iframe

学习javascript文件加载优化

javascript用函数实现对象的方法

Javascript 字符串模板的简单实现

javascript函数特点实例

javascript的事件描述

Webpack 实现 AngularJS 的延迟加载

鼠标图片振动代码

精品推荐
分类导航