使用jquery动态加载Js文件和Css文件

前端技术 2023/09/03 JavaScript

如果你有很多关联的CSS文件要一起加载，或者想动态的加载不同的CSS文件，那么下面的方法你一定对你有帮助。
Jquery动态加载Js和Css扩展方法

$.extend({ 
   includePath: \'\', 
   include: function(file) { 
    var files = typeof file == \"string\" ? [file]:file; 
    for (var i = 0; i < files.length; i++) { 
      var name = files[i].replace(/^\\s|\\s$/g, \"\"); 
      var att = name.split(\'.\'); 
      var ext = att[att.length - 1].toLowerCase(); 
      var isCSS = ext == \"css\"; 
      var tag = isCSS ? \"link\" : \"script\"; 
      var attr = isCSS ? \" type=\'text/css\' rel=\'stylesheet\' \" : \" language=\'javascript\' type=\'text/javascript\' \"; 
      var link = (isCSS ? \"href\" : \"src\") + \"=\'\" + $.includePath + name + \"\'\"; 
      if ($(tag + \"[\" + link + \"]\").length == 0) document.write(\"<\" + tag + attr + link + \"></\" + tag + \">\"); 
    } 
  } 
});

使用方法：

$.include(\'http://www.phpstudy.net/include/dedeajax.js\'); 
$.include(\'http://www.phpstudy.net/templets/skins/style/android.css\');

或者：

$.includePath=\'www.phpstudy.net/html/\'; 
$.include([dedeajax.js\',\'android.css\']);

以上就是本文的全部内容，希望对大家的学习有所帮助。

本文地址：https://www.stayed.cn/item/6387

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案