动态引用css或js（简单易懂）

最新推荐文章于 2021-08-03 21:09:32 发布

原创最新推荐文章于 2021-08-03 21:09:32 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #stylesheet #浏览器

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态加载外部JS和CSS文件的方法。通过创建并设置script和link标签，可以实现在页面加载过程中按需加载指定的JS脚本和样式表，提高网页性能。

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

以下是引用片段：
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //判断文件类型
  var fileref=document.createElement('script')//创建标签
  fileref.setAttribute("type","text/javascript")//定义属性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("myscript.js", "js") //打开页面时浏览器动态的加载文件
loadjscssfile("javascript.php", "js") // 打开页面时浏览器动态的加载"javascript.php" ，
loadjscssfile("mystyle.css", "css") //打开页面时浏览器动态的加载.css 文件