首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

动态加载css资料和js文件(转)

2012-10-06 
动态加载css文件和js文件(转)http://zhangyaochun.iteye.com/blog/1278775动态加载css文件和js文件:简单记

动态加载css文件和js文件(转)
http://zhangyaochun.iteye.com/blog/1278775
动态加载css文件和js文件:
简单记录,学习参考。

Js代码 
/*
思路就是使用createElement创建一个link标签
然后用setAttribute给其赋属性和值
@param path-----{String} css文件的路径
*/ 
ZYC.page.loadCssFile = function(path){ 
    var element = document.createElement("link"); 
    element.setAttribute('rel','stylesheet'); 
    element.setAttribute('type','text/css'); 
    element.setAttribute('href',path); 
    document.getElementsByTagName('head')[0].appendChild(element); 

 
/*
思路就是使用createElement创建一个script标签
然后用setAttribute给其赋属性和值
defer表示是否对脚本执行进行延迟,直到页面加载为止
@param path-----{String} css文件的路径
*/ 
ZYC.page.loadJsFile= function(path){ 
   var element = document.createElement("script"); 
   element.setAttribute('type','text/javascript'); 
   element.setAttribute('src',path); 
   element.setAttribute('defer','defer'); 
   document.getElementsByTagName('head')[0].appendChild(element); 
 

热点排行