html中引入另一個html的方法

方法一：load

<div>this is head</div>
<div>this is content</div>
<div id="foot"></div>
<script>
    $('#foot').load('./b.html')
</script>
複製程式碼

注意：谷歌瀏覽器中訪問本地html檔案，這裡會涉及到一個跨域問題

在目標選項中新增‘ --allow-file-access-from-files’，重啟瀏覽器即可。

方法二 iframe

<div>this is head</div>
<div>this is content</div>
<iframe src="./b.html" frameborder="0" ></iframe>
複製程式碼

方法三 object

<div>this is head</div>
<div>this is content</div>
<div id='foot'>
    <object type="text/x-scriptlet" data="b.html"></object>
</div>
複製程式碼