September 2009

You are browsing the archive for September 2009.

动态载入/删除/更新外部 JavaScript/Css 文件

动态载入 JavaScript/Csss 文件
    传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在<head>标签里面进行添加:

这些文件用这种方式会同步加载到当前这个页面。
现在用动态的方式载入JavaScript/Css文件:

用 DOM createElement 方法创建一个 “script” 或者 ”link” 元素
设置相应的属性
使用 appendChild 方法, 把创建的元素插入到 head 标签的末尾

function loadjscssfile(filename, filetype){
//如果文件类型为 .js ,则创建 script 标签,并设置相应属性
if (filetype==”js”){
var fileref=document.createElement(’script’);
fileref.setAttribute(”type”,”text/javascript”);
fileref.setAttribute(”src”, filename);
}
//如果文件类型为 .css ,则创建 script 标签,并设置相应属性
else if (filetype==”css”){
var fileref=document.createElement(”link”);
fileref.setAttribute(”rel”, [...]