1. 程式人生 > >HTML檔案裡把所有的css、js檔案引入後,其他的HTML檔案引入該頁面後,可以使用該頁面引入的css和js

HTML檔案裡把所有的css、js檔案引入後,其他的HTML檔案引入該頁面後,可以使用該頁面引入的css和js

怎樣將一個HTML檔案裡把所有的cssjs檔案引入後,然後其他的HTML檔案就不需要在進行引入

<!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>