这篇文章主要介绍了 JavaScript 动态加载 CSS 和 JS 文件,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
项目中需要用到动态加载 CSS 文件,整理了一下,顺便融合了动态加载 JS 的功能写成了一个对象,先上代码:
- 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 文件
- dynamicLoading.css("test.css");
- //动态加载 JS 文件
- dynamicLoading.js("test.js");
来源: http://www.phperz.com/article/17/0221/268991.html