从另一个html文件中加载一部分内容

Question

我现在有一个比较大html文件，里面有3个表格的样式，我想只用其中一个。

<!-- tables.html -->
<table id="table_1"> ... </table>
<table id="table_2"> ... </table>
<table id="table_3"> ... </table>

如果直接拷贝出来，后续修改代码，我还得再拷贝一次，而且还怕自己手抖改了html代码。
所以我想问问有办法做到引用其中一个table，因为我刚开始开发前端，用伪代码表示一下我的意思

<!-- content.html 只需要tables.html的table1-->
...
get("tables.html", id='table1')
...

Answer 1

把公用的table独立到一个新的文件a.html。然后在两个文件中引用这个a.html。

Answer 2

http://api.jquery.com/load/

Answer 3

分成三个部分，有include引用

Answer 4

可以写成个html片段，放入js文件，如：

var footWrapxHTML=
    '<div id="footWrapx" style="margin-top:-90px"><div class="row-fluid"><div id="footer" class="span12">&copy;2014 <a href="#">XXX网络科技有限公司</a> 版权所有</div></div></div>';

然后在同一个js文件后面加上：

document.getElementById("footWrapx").innerHTML=footWrapxHTML;

这样，当你想在某个html页面任何地方引用这部分代码，只需要引入这个js文件，在标签加个id就行啦，如：

<div id="footWrapx">
</div><!-- /footWrapx -->

以上。