邀朋友种豆,一起分享吧
喜欢购买正品行货?那就去品牌街

动态加载css的方法

来自:种豆 时间:2017-12-29 阅读:564次 原文链接

1. 加载外部的CSS文件

@importurl(style.css);

注意:只能用在CSS文件中或者style标签中

2. 加载外部的CSS文件

document.createStyleSheet(cssFile);

3. 用createElement方法创建CSS的Link标签

var head=document.getElementsByTagName('HEAD').item(0);
var style=document.createElement('link');
style.href='style.css';
style.rel='stylesheet';
style.type='text/css';
head.appendChild(style);


下面是经常会用到的两个函数:

functionloadJs(file){
  var scriptTag=document.getElementById('loadScript');
  var head=document.getElementsByTagName('head').item(0);
  if(scriptTag)head.removeChild(scriptTag);
  script=document.createElement('script');
  script.src="../js/mi_"+file+".js";
  script.type='text/javascript';
  script.id='loadScript';
  head.appendChild(script);
}
functionloadCss(file){
  var cssTag=document.getElementById('loadCss');
  var head=document.getElementsByTagName('head').item(0);
  if(cssTag)head.removeChild(cssTag);
  css=document.createElement('link');
  css.href="../css/mi_"+file+".css";
  css.rel='stylesheet';
  css.type='text/css';
  css.id='loadCss';
  head.appendChild(css);
}
 
关于种豆 ┊ 联系我们 ┊ 免责声明 ┊ 发帖须知 ┊ 请提意见 ┊ 站点地图
本站为个人爱好兴趣分享网站,不代表本人观点,如有侵权请联系QQ3371650278进行处理
sowsoy.com 版权所有 Copyright©2010-2020 浙ICP备10212932号
Email:sowsoy#hotmail.com