js函数的延迟加载实现代码
2012-10-11 00:00
656 查看
//非延迟加载的函数,每次调用都会进行条件判断 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函数的延迟加载实现代码
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- jquery延迟加载外部js实现代码
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- 鼠标划过实现延迟加载并隐藏层的js代码
- jQuery 简洁几句代码实现图片延迟加载
- js实现addClass,removeClass,hasClass的函数代码
- jquery插件实现图片延迟加载(lazyload.js)
- 图片延迟加载的实现代码(模仿懒惰)
- js下通过getList函数实现分页效果的代码
- 如何使用jquery动态加载js,css文件实现代码
- jquery插件实现图片延迟加载(lazyload.js)
- JS实现图片延迟加载并淡入淡出效果的简单方法
- js图片延迟加载的实现方法及思路
- JS中实现简单Formatter函数示例代码
- js实现的日期操作类DateTime函数代码
- js 实现循环里延迟加载或者延迟方法
- 利用JQuery的load函数动态加载其它页面的内容的实现代码
- JS中for循序中延迟加载实现动态效果