html引入html页面

有时候我们写一个页面需要在多个地方用到，这时候就需要把公共页面抽取出来，引入到需要用到的地方；

亲身实验过jQuery引入的办法，这里将讲述如何使用jQuery引入html页面

1、在我们的主页面引入jQuery

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

这里需要注意的是html是从上到下加载的，所以我们自己编写的js要放在jQuery之后，这样才会生效

2、在html页面编写引入的dev，作为引入的根

<!--引入头部导航栏-->
<div class="top"></div>

3、编写自己的js文件，当然也可以在主页面编写html，但这里以引入js文件为例子

在js页面编写引入代码

$(document).ready(function () {
    $('.top').load('header.html');
});

注意：这里的.top就是div的class，这样就可以引入我们的header.html页面