方法一:基于Jquery的DIV嵌套html
$(document).ready(function(){ $("#btn").click(function(){ $('#viewDiv').load('new.html'); }) }) jQuery(document).ready(function() { $("#page").load("footer.html"); });
方法二:纯js方法
function load_home() { document.getElementById("viewDiv").innerHTML = '<object type="text/html" data="new.html" width="100%" height="100%"></object>'; }
<object style="border:0px" type="text/x-scriptlet" data="footer.htm" width=100% height=50></object>
方法三:iframe 方法
<iframe name="footer" marginwidth=0 marginheight=0 width=100% height=50 src="tooter.htm" frameborder=0> </iframe>