Javascript 打开网页而不刷新

我有一个导航菜单，我想在网页之间切换而不刷新整个网站。例如，按下“信息”按钮，它将出现，主页或联系人将消失

<nav id="menu">
  <ul>
   <li><a href="javascript:appear('Home');">Home</a></li>
   <li><a href="javascript:appear('Info');">Info</a></li>
   <li><a href="javascript:appear('Contact');">Contact</a></li>
  </ul>
</nav>

---

您正在寻找jQueryAjax负载吗

function appear() { 
   $.ajax({
        url: "info.html", 
        success: function(result){
        $(".ClassName").html(result);
    }});
 });
}

或者用另一种方式：

function appear() {
    $(".ClassName").load("info.html");
});

使用单击功能激活li

$("li:nth-of-type(2)").click(function(){
   put your code here...
});

---

你说的是温泉。单页应用程序。如前所述，它是利用散列路由和一些巧妙的技巧在不刷新浏览器的情况下更新页面的单个页面。看看DURandal之类的东西，SammyThere就没有

8divID

这样的东西了。即使您的DOM中没有id为

Home

的元素。@QBM5感谢您的评论，但DURandal或Sammy不是我的解决方案。我正在寻找客户端脚本。这并不能解决任何问题。我的两个建议都是用于促进SPA应用程序的客户端库。如果你想从头开始建造一些东西，你可以研究SPA设计概念

function appear() {
    $(".ClassName").load("info.html");
});

$("li:nth-of-type(2)").click(function(){
   put your code here...
});