javascript 实现包含文件

最新推荐文章于 2023-03-19 01:20:41 发布

zc2087

最新推荐文章于 2023-03-19 01:20:41 发布

阅读量905

点赞数

文章标签： javascript stylesheet path include function css

本文链接：https://blog.csdn.net/zc2087/article/details/3931618

版权

本文介绍了一种在网页中动态加载JavaScript和CSS文件的方法。通过使用JavaScript创建新的script和link元素，并将其添加到文档头部，可以实现外部资源的按需加载，这对于优化页面加载速度和提高用户体验非常有用。

摘要由CSDN通过智能技术生成

function include_js(path) { var sobj = document.createElement('script'); sobj.type = "text/javascript"; sobj.src = path; var headobj = document.getElementsByTagName('head')[0]; headobj.appendChild(sobj); } function include_css(path) { var fileref=document.createElement("link") fileref.rel = "stylesheet"; fileref.type = "text/css"; fileref.href = path; var headobj = document.getElementsByTagName('head')[0]; headobj.appendChild(fileref); }

function include_js(path)
{
      var sobj = document.createElement('script');
      sobj.type = "text/javascript";
      sobj.src = path;
      var headobj = document.getElementsByTagName('head')[0];
      headobj.appendChild(sobj);
}
function include_css(path)
{
var fileref=document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(fileref);
}