我现在有一个比较大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')
...
http://api.jquery.com/load/
可以写成个html片段,放入js文件,如:
var footWrapxHTML=
'<div id="footWrapx" style="margin-top:-90px"><div class="row-fluid"><div id="footer" class="span12">©2014 <a href="#">XXX网络科技有限公司</a> 版权所有</div></div></div>';
然后在同一个js文件后面加上:
document.getElementById("footWrapx").innerHTML=footWrapxHTML;
这样,当你想在某个html页面任何地方引用这部分代码,只需要引入这个js文件,在标签加个id就行啦,如:
<div id="footWrapx">
</div><!-- /footWrapx -->
以上。
分成三个部分,有include引用
把公用的table独立到一个新的文件a.html。然后在两个文件中引用这个a.html。