创建空页面并按区域加载
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery.get()</title>
<style type="text/css">
body{border:1px solid black;margin:0 auto;text-align:center;width:700px;}
div{padding:10pxx;border dotted black;}
#footer > a{font-size:12px;margin:50px;}
</style>
</head>
<body>
<div>
<div id="head"><h2>My new awesome page</h2></div>
<div id="contetn">
下斜方肌皮瓣和肩胛背动脉皮瓣在头颈重建中的应用(extended lower tra
pezius myocutaneous flap,ELTMF)或肩胛背动脉皮瓣(dorsal sca
pular artery flap,DSAF)。ELTMF...
</div>
<div id="footer">
<a href="#" id="loadFooter">Show footer</a>
</div>
</div>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#loadFooter').click(function(){
$('#footer').load('footer.html');
});
});
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery.get()</title>
<style type="text/css">
body{border:1px solid black;margin:0 auto;text-align:center;width:700px;}
div{padding:10pxx;border dotted black;}
#footer > a{font-size:12px;margin:50px;}
</style>
</head>
<body>
<div>
<div id="head"><h2>My new awesome page</h2></div>
<div id="contetn">
下斜方肌皮瓣和肩胛背动脉皮瓣在头颈重建中的应用(extended lower tra
pezius myocutaneous flap,ELTMF)或肩胛背动脉皮瓣(dorsal sca
pular artery flap,DSAF)。ELTMF...
</div>
<div id="footer">
<a href="#" id="loadFooter">Show footer</a>
</div>
</div>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#loadFooter').click(function(){
$('#footer').load('footer.html');
});
});
</script>
</body>
</html>
footer.html
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
浙公网安备 33010602011771号