程序员人生 网站导航

javascript 动态加载 css 的方法总结

栏目：jscript时间：2013-10-14 19:44:48
　　网(LieHuo.Net)讯 1. 用在外部CSS文件中加载必须的文件

　　@importurl(style.css);

　　//只能用在CSS文件中或者style标签中

　　2. 简单的在页面中加载一个外部CSS文件

　　document.createStyleSheet(cssFile);

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

　　varhead=document.getElementsByTagName('HEAD').item(0);

　　varstyle=document.createElement('link');

　　style.href='style.css';

　　style.rel='stylesheet';

　　style.type='text/css';

　　head.appendChild(style);

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

  1. functionloadJs(file){
  2. 　　varscriptTag=document.getElementById('loadScript');
  3. 　　varhead=document.getElementsByTagName('head').item(0);
  4. 　　if(scriptTag)head.removeChild(scriptTag);
  5. 　　script=document.createElement('script');
  6. 　　script.src="../js/mi_"+file+".js";
  7. 　　script.type='text/javascript';
  8. 　　script.id='loadScript';
  9. 　　head.appendChild(script);
  10. }
  11. functionloadCss(file){
  12. 　　varcssTag=document.getElementById('loadCss');
  13. 　　varhead=document.getElementsByTagName('head').item(0);
  14. 　　if(cssTag)head.removeChild(cssTag);
  15. 　　css=document.createElement('link');
  16. 　　css.href="../css/mi_"+file+".css";
  17. 　　css.rel='stylesheet';
  18. 　　css.type='text/css';
  19. 　　css.id='loadCss';
  20. 　　head.appendChild(css);
  21. }
复制代码

------分隔线----------------------------

上一篇 MyEclipse安装ExtJS插件Spket IDE的教程

下一篇 JavaScript知识：触发事件大全

------分隔线----------------------------

最新技术推荐

1深入浅出Fetch API 带你入解应用场景及适用问题 2网页禁止复制内容的方法 3JavaScript提高：005：ASP.NET使用easyUI TABS标签显示问题 4js如何立即退出函数 5javascript事件：获取事件对象getEvent函数 6Firefox下frameset取不到值的解决方法 7JavaScript数组实例：点击逐条读取文字