html中引入另一个html

## 做项目中会有相同的头部或尾部，如果复制粘贴，代码量较大且不好维护，所以要像组件化一样引用比较好。

笔者创建一个a.html作为组件，在其他html中引入。

1. 通过标签object引入（页面中还是通过iframe加载）

<object  type="text/x-scriptlet" data="a.html" id="page_a"></object>
           

1. 通过link标签引入

<link rel="import" href="a.html" target="_blank" rel="external nofollow"  id="page2">
	<script>
	  var ht = page2.import.body.innerHTML;
	  $('#page3').html(ht)
	</script>
           

1. 通过jQuery的load函数

<div id="page1"></div>
<script>
        $("#page1").load("a.html");
</script>
           

以上效果均有，并且点击事件也能正常运行

加载速度 link>jQuery>object

1. 通过iframe实现 不过笔者不喜欢用iframe，所以没去实现