多页面共享头部

在前端项目中，有时候会遇到多个页面使用相同的头部模块的情况，为了节省劳动力，我们可以采用引入js文件的方式。但是我们一开始实现模块都是采用html渲染页面，如何统一插入页面呢。1、书写完整的html页面文件并引入css文件

<html>
<head>
   <meta name='description' content="this is my page"> 
   <meta name="content-type" content="text/html; charset=UTF-8">
   <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
   <header>
      <section class='hed'>   
      <!--这里是你设计的头部内容 -->
      </section>
   </header>
</body>
</html>

2、使用转换工具将html转换成js推荐一个转换工具网站：http://tool.chinaz.com/Tools/Html_Js.aspx实际上就是把每一句都‘document.writeln( )’一下3、将js文件引入需要的jsp文件的相应位置