在html文件中引入另一html文件，实现代码复用

最近写前端html网页，下载了一个模板进行修改，发现每个页面都有很多重复代码（如导航栏）。于是想将重复代码抽取出来，方便修改，也能减轻代码量。百度过几个方法，如<!--#和object等，都不好用。最后使用了javascript这个方法。

一、新建一个Text.html文件，将重复代码复制进去（方便以后修改）

二、打开站长之家，找到旧版本的html/js互转功能，将重复代码转化为js代码（百度有详细教程）（当然也可以自己写）

如下图：

三、新建一个js文件，如navigation.js  。将js代码复制进去

四、在原html文件区域，引入js文件，就可以了。

代码：<script type="text/javascript" src="./jquery/navigation.js"></script>