indexJquery.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="scripts/jquery-1.9.1.js"></script> <script type="text/javascript"> $(function(){ $("a").click(function(){ var url = this.href; var args = {"time":new Date()}; //任何一个html节点都可以用load方法来加载Ajax，结果将直接插入html节点中 $("#details").load(url,args); return false; }) }) </script> </head> <body> <ul> <li><a href="file/1.html"> 购物网站 </a></li> <li><a href="file/2.html"> 学习网站 </a></li> <li><a href="file/3.html"> 视频网站 </a></li> </ul> <div id="details"> </div> </body> </html>
1.html等和结果截图同另一篇博客https://www.cnblogs.com/a155-/p/12433723.html