用JavaScript动态加载CSS和JS文件
2015-10-21 18:12
846 查看
var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.href = path; link.rel = 'stylesheet'; link.type = 'text/css'; head.appendChild(link); }, js: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.src = path; script.type = 'text/javascript'; head.appendChild(script); } }
对象包含两个完全独立的方法,分别用来加载 CSS 文件和 JS 文件,参数均为欲加载的文件路径。原理非常的简单:对于不同的加载文件类型创建不同的节点,然后添加各自的属性,最后扔到 head 标签里面。经测试,本方法兼容各浏览器,安全、无毒、环保,实乃 web 开发人员工作常备代码,请放心使用。
下面是调用代码,异常简单:
//动态加载 CSS 文件 dynamicLoading.css("test.css"); //动态加载 JS 文件 dynamicLoading.js("test.js");
摘自:http://www.jsmix.com/javascript/dynamic-loading-css-javascript.html
相关文章推荐
- 深入剖析JavaScript编程中的对象概念
- 【Miaov】JS2-for应用
- JavaScript中Boolean对象的属性解析
- GeoJSON格式规范说明
- 深入解析JavaScript中的数字对象与字符串对象
- Jsp页面遍历后台传过来的List
- Js作用域与作用域链详解
- 最好用的JS时间date操作类(时间格式化、加减日、月、年、操作)
- jsnew关键字
- js基础 - 兼容代码
- jsoncpp fatal error C1083: 无法打开编译器生成的文件 No such file or
- jsp 乱码 编码
- JavaScript小结
- JS 实用函数 insertAfter和addLoadEvent 记录
- 打印js插件
- JavaScript中JSON使用
- 在Javascript中什么是伪数组?如何将伪数组转化为标准数组?
- 如何实现JS_MD5加密
- 解开神秘面纱之“AngualrJS 中指令相关的嵌入作用域和模板作用域”
- JavaScript完成简单的对联广告