js函数的延迟加载实现代码
2018-10-12 13:55
549 查看
//非延迟加载的函数,每次调用都会进行条件判断
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函数的延迟加载实现代码
- jquery延迟加载外部js实现代码
- 鼠标划过实现延迟加载并隐藏层的js代码
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 利用setTimeout()函数实现函数代码的延迟执行
- JS代码实例:实现随机加载不同的CSS样式
- php中通过虚代理实现延迟加载的实现代码
- JS实例:网页上图片延迟加载的JS代码
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- JS实现网页图片延迟加载[随滚动条渐显]
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- js实现的日期操作类DateTime函数代码
- js下通过getList函数实现分页效果的代码
- js实现网页图片延时加载的原理和代码【转】
- JS实例:网页上图片延迟加载的JS代码