HTML文件里把所有的css、js文件引入后，其他的HTML文件引入该页面后，可以使用该页面引入的css和js

最新推荐文章于 2023-12-08 10:22:51 发布

马小鹿啊

最新推荐文章于 2023-12-08 10:22:51 发布

阅读量2.8k

点赞数

怎样将一个HTML文件里把所有的css、js文件引入后,然后其他的HTML文件就不需要在进行引入了

转自：https://segmentfault.com/q/1010000009980376

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>测试页面</title>
</head>

<body>
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script type="text/javascript">
  var headHTML = $('head').html();//保存原来的head内容
  $("head").load("common.html",function(){
    $(this).prepend(headHTML); //common.html载入到head后将原来head内容添加回去
  });
  </script>
</body>

</html>