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>