javascript - 如何在没有实际页面刷新的情况下更新页面 html 和 url

Question

我想知道是否有人可以指导我学习如何在不刷新页面的情况下更新页面 html 和 url。

是否有任何现有的 javascript 库可以处理这个问题，或者有一本涵盖此类内容的好书。

这是一个使用该效果的示例网站。

http://onedesigncompany.com/

请注意，当部分更改时，实际的 html 和 url 都会更新，同时保持平滑过渡，没有可见的页面刷新。该网站在没有 javascript 的情况下也能正常工作。

此外，如果有人发现使用这种方法有任何缺点，我会洗耳恭听。

Answer 1

如果您需要重新加载页面的一部分，而不是重新加载整个页面，我强烈建议您使用 jQuery.Load():

http://api.jquery.com/load/

使用 jQuery.load()，您可以选择一个 div 并将内容从另一个网页重新加载到其中。例如:

$(".myDiv").load("/myOtherwebpage.html");

您还可以指定其他页面上特定元素的内容:

$(".myDiv").load("/myOtherwebpage.html .myOtherClass");

但是，如果您需要从另一个页面重新加载所有内容，并将 URL 更改为另一个页面，那么我只建议链接到该页面。通过 jQuery 执行此操作没有性能优势。