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，是以沒去實作