可以使用Jquery.load方法加载其它页面的部分内容到当前页面中。
格式为：
$("#要加地方的ID").load("页面URL #部分内容ID");
筛选的方法不止使用“#”一种，可以指定选择符，来筛选载入的 HTML 文档。语法形如 "url #some > selector"。详细请查看Jquery文档。
例：
项目中一个名为“HTMLPageContent.htm”内容页面。内容为：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="div1">
aaaaaaaaaaaaaaaa</div>
<div id="content">
1111111111111111
<br />
2222222222222222222
<br />
3333333333333333
</div>
</body>
</html>
<head>
<title></title>
</head>
<body>
<div id="div1">
aaaaaaaaaaaaaaaa</div>
<div id="content">
1111111111111111
<br />
2222222222222222222
<br />
3333333333333333
</div>
</body>
</html>
项目中另外一个页面“PartLoad.htm”将使用load方法加载“HTMLPageContent.htm”中id为"content"的内容。代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function () {
$("#links").load("HTMLPageContent.htm #content");
});
</script>
</head>
<body>
test
<hr />
<div id="links">
</div>
</body>
</html>
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function () {
$("#links").load("HTMLPageContent.htm #content");
});
</script>
</head>
<body>
test
<hr />
<div id="links">
</div>
</body>
</html>
最终结果如下：
test
1111111111111111
2222222222222222222
3333333333333333
2222222222222222222
3333333333333333