码迷,mamicode.com
首页 > Web开发 > 详细

JS动态加载 js css

时间:2015-01-04 11:54:35      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

1.动态加载js

function loadScript( url ){ 
var script = document.createElement( "script" ); 
script.type = "type/javascipt"; 
script.src = url; 
document.getElementsByTagName( "head" )[0].appendChild( script ); 
}; 

 

2.动态加载CSS文件

function loadCss( url ){ 
var link = document.createElement( "link" ); 
link.type = "text/css"; 
link.rel = "stylesheet"; 
link.href = url; 
document.getElementsByTagName( "head" )[0].appendChild( link ); 
}; 

3.动态加载CSS样式

if( flag ){ 
var style = document.createElement( "style" ); 
style.type = "text/css"; 
document.getElementsByTagName( "head" )[0].appendChild( style ); 
var sheet = document.styleSheets[0]; 
insertRules( sheet,"#gaga1","background:#f00",0 ); 
}; 

JS动态加载 js css

标签:

原文地址:http://www.cnblogs.com/jiechn/p/4200689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!