HTML 文件复用

问题：

多个页面需要共用HTML时，避免重复复制粘贴

解决办法：

使用使用jQuery的load函数

1
2
3
4
//导入html (如果影响其他js功能，就把load提出来)
$(document).ready(function(){
	$("#head").load("head.html");
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- head.html -->
<div class="hd-rt">
	<ul>
		<li>
			<a href="#" target="_blank"><i class="icon-home"></i>前台访问</a>
		</li>
		<li>
			<a><i class="icon-random"></i>清除缓存</a>
		</li>
		<li>
			<a><i class="icon-user"></i>管理员:<em id="adminName">*</em></a>
		</li>
		<li>
			<a><i class="icon-bell-alt"></i>系统消息</a>
		</li>
		<li>
			<a href="/console" id="JsSignOut"><i class="icon-signout"></i>安全退出</a>
		</li>
	</ul>
</div>