通过Javascript动态加载Css文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过Javascript动态加载Css文件相关的知识,希望对你有一定的参考价值。

changed to detect sring sheet first, then to try object extension.
  1. var CSSLoader = {
  2. addStylesheets: function(sheets, elm){
  3. var l = sheets.length;
  4. if( !l ) return;
  5. elm = $(elm) || $$('head')[0];
  6. if( !elm ) return;
  7.  
  8. for( var i=0; i<l; i++){
  9. var sheet = sheets[i];
  10. var info = {
  11. rel: 'stylesheet',
  12. type: 'text/css',
  13. media: 'screen'
  14. }
  15. if( Object.isString(sheet)){
  16. Object.extend(info, {href: sheet});
  17. }else{
  18. try{
  19. Object.extend(info, sheet);
  20. }catch(e){
  21. continue;
  22. }
  23. }
  24. var temp = new Element('link', info);
  25. elm.insert(temp);
  26. }
  27. }
  28. };

以上是关于通过Javascript动态加载Css文件的主要内容,如果未能解决你的问题,请参考以下文章

动态加载js和css

如何动态加载外部 CSS 文件?

JavaScript_动态加载CSS和JS文件

如何在cordova中动态加载CSS

JavaScript动态加载CSS和JS文件

用JavaScript动态加载CSS和JS文件