Html动态添加css js文件

原创于 2017-12-06 09:53:04 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种在网页中动态加载JavaScript和CSS文件的方法。通过JavaScript创建script和link元素，并设置其src或href属性来指定文件路径，最终将这些元素插入到页面头部完成加载过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function loadjscssfile(filename,filetype){
   if(filetype == "js"){
      var fileref = document.createElement('script');
      fileref.setAttribute("type","text/javascript");
      fileref.setAttribute("src",filename);
   }else if(filetype == "css"){

      var fileref = document.createElement('link');
      fileref.setAttribute("rel","stylesheet");
      fileref.setAttribute("type","text/css");
      fileref.setAttribute("href",filename);
   }
   if(typeof fileref != "undefined"){
      document.getElementsByTagName("head")[0].appendChild(fileref);
   }
}
loadjscssfile("do.js","js");
loadjscssfile("test.css","css");