javascript 实现包含文件

原创于 2009-02-24 12:01:00 发布 · 938 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #stylesheet #path #include #function #css

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

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);
}