可能是重复问题:
修改URL而不重新加载页面
我想找一种方法,使用当前的JavaScript动画使我的内部链接具有功能性,点击它们时不会导致页面重新加载 - 但我希望在浏览器中更新URL。
许多网站都这样做,这是一个很好的例子:http://grooveshark.com/#!/search?q=adf
他们是如何在不重新加载页面的情况下更新URL的呢?
更多细节:
目前,我的页面上的链接看起来像<a href="#aboutus">关于我们</a>
,这将通过JavaScript将您带到<div id="aboutus"></div>
。
JavaScript大致如下:
$("#navigation a").click(function(e){
animate(..scroll to section..);
e.preventDefault(); // <==========
});
我相信 "e.preventDefault()" 是导致 URL 没有更新的原因,但是当 URL 改变时,如何防止浏览器重新加载页面?
其他网站是如何做到的呢?这种方法叫什么名字(以便我进一步研究)?
谢谢。