模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013-09-27 16:18
1021 查看
// css按需加载function loadCss (cssUrl, callback) { var elem, bl, isExecuted = false; // 防止在ie9中,callback执行两次 if ( cssUrl == null ) { return String(cssUrl); } elem = document.createElement('link'), elem.rel = 'stylesheet'; if ( type(callback) === 'function' ) { bl = true; } // for ie function handle() { if ( elem.readyState === 'loaded' || elem.readyState === 'complete' ) { if (bl && !isExecuted) { callback(); isExecuted = true; } elem.onreadystatechange = null; } } elem.onreadystatechange = handle; // for 非ie if (bl && !isExecuted) { elem.onload = callback; isExecuted = true; } elem.href = cssUrl; document.getElementsByTagName('head')[0].appendChild(elem);}// js按需加载function loadScript(scriptUrl, callback) { var elem, bl, isExecuted = false; // 防止在ie9中,callback执行两次 if (scriptUrl == null) { return String(fn); } elem = document.createElement('script'); if ( type(callback) === 'function' ) { bl = true; } // for ie function handle(){ var status = elem.readyState; if (status === 'loaded' || status === 'complete') { if (bl && !isExecuted) { callback(); isExecuted = true; } elem.onreadystatechange = null; } } elem.onreadystatechange = handle; // for 非ie if (bl && !isExecuted) { elem.onload = callback; isExecuted = true; } elem.src = scriptUrl; document.getElementsByTagName('head')[0].appendChild(elem);}
相关文章推荐
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- 模拟jQuery中的ready方法及实现按需加载css,js
- jQuery中的ready方法及实现按需加载css,js
- nodejs redis 发布订阅机制封装实现方法及实例代码
- css+js 实现在后台加载时前端出现等待的圆形图标,或者批量导入时出现等待图标提高用户体验,废话少说直接上代码 <style type="text/css"> body {
- JS中实现replaceAll的方法(实例代码)
- js实现动态加载脚本的方法实例汇总
- 如何使用jquery动态加载js,css文件实现代码
- JS实现星星评分功能实例代码(两种方法)
- 三种动态加载js的jquery实例代码另附去除js方法
- JS中实现replaceAll的方法(实例代码)
- javascript代码中加载js、css头文件方法一例
- 动态加载js、css的简单实现代码
- JS代码实例:实现随机加载不同的CSS样式
- 三种动态加载js的jquery实例代码另附去除js方法
- Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能
- 如何使用jquery动态加载js,css文件实现代码
- 动态加载js、css的实例代码
- js实现动态加载脚本的方法实例汇总