js和CSS的jQuery代码的简单动态加载

js和CSS的jQuery代码的一个简单的动态加载用于在生成页面时通过js函数加载一些常用的js和CSS文件。


如何使用下面的函数：
/ /美元。包括（文件/ ajaxa .js）；美元。包括（文件/ ajaxa。CSS）；
/ /或美元。包括路径=文件；美元。包括（{ 'ajaxa。JS，CSS 'ajaxa。}）；（只有Js和.css文件）
扩展（{
包括路径：，
包括：函数（文件）
{
var文件类型的文件= = =字符串{文件}：文件；
对于（var i = 0；i < files.length；i++）
{
变量名=文件{我}。取代（ / ^ 的| S $ / g，）；
VaR ATT = name.split（' '）；
VaR Ext = ATT { 1 } att.length toLowerCase（）；
var = = = ISCSs ExtCSS；
var标签= ISCSs链接：剧本；
var attr = ISCSs型=中/ css'rel = 'stylesheet：型=中/ Javaｓｃｒｉｐｔ的；
var =链路（ISCSs href src）+=+包括路径+姓名+美元。；
如果（$（标签++链接+ }。长度）= 0美元）（头）（。在）；
}
}
}）；
美元。包括（'。 / / jquery-ui-1.8.21 JS。定制版。）；
美元。包括（'。 / / / CSS黑领带jquery-ui-1.8.21。自定义CSS。）；


写此功能为common.js文件和HTML中的common.js文件加载，可以实现的目标。

小心 uff1a

1。在HTML5中，标签不支持语言属性，所以我删除了它：


var attr = ISCSs型=中/ css'rel = 'stylesheet：语言= 'javaｓｃｒｉｐｔ'type =中/ Javaｓｃｒｉｐｔ的；


语言= 'javaｓｃｒｉｐｔ'in中间

2。当原始作者编写JS和CSS标记时，作者使用：


document.write（）；


但在实践中，发现document.write（所有）含量的方法清除原始页面之前写的，它相当于覆盖，所以显然达不到我的需要，我需要加载页面动态页面为常见的JS和CSS，但不清楚其他内容除了我原来的页面，检查下一个API，我用：


$（头）。Prepend（）；


This method, the role of the $(head).Prepend () method is to add content to the most append to the front end of the label.

最后，添加一个方法，以及通过一个普通的js，应该比上面的方法更容易理解。


动态加载外部Javaｓｃｒｉｐｔ和CSS文件

加载.js或.css文件动态，简而言之，这意味着使用DOM方法首先创建一个新的脚本或链接的元素，它指定相应的属性，最后，用element.appendchild（到）添加元素到所需位置在文档树。这听起来比想象的要花哨得多。让我们看看它是如何组合在一起的：

功能loadjscssfile（文件名，文件类型）{
如果（文件类型= =JS）{ / /如果文件名是一个外部Javaｓｃｒｉｐｔ文件
VaR FileRef = document.createelement（'ｓｃｒｉｐｔ）
fileref.setattribute（类型
fileref.setattribute（src
}
如果（文件类型= =CSS）{ / /如果文件名是一个外部CSS文件
VaR FileRef = document.createelement（链接）
fileref.setattribute（与
fileref.setattribute（类型
fileref.setattribute（href
}
如果（typeof FileRef！=未定义
document.getelementsbytagname（头）{ 0 }。appendChild（FileRef）
}

Loadjscssfile（myｓｃｒｉｐｔ。JS
Loadjscssfile（PHP、Javaｓｃｒｉｐｔ。
Loadjscssfile（我的CSS 。