javascript - 如何无缝更改网站的网址

Question

我知道这个问题已经被问过好几次了，但我就是想不出如何更改 url 或呈现新的 html 并使它看起来好像您从未离开过该网站。

我想做的正是这个网站所做的:

http://uncharted.sunbrella.com/

它是否加载所有内容并仅通过 javascript 更改可见对象？他们使用 Angular 状态吗？我不知道如何在网站各部分之间实现无缝过渡。

Answer 1

根据他们的页面源代码，他们似乎没有使用 Angular，但您当然可以使用它。如果您这样做了，我建议您使用 ui router 并在页面上显示多个 View 。

动态加载 html 的秘诀是使用 ajax 动态请求数据并通过 javascript 更新 dom。

您引用的网站使用了 css 来使页面响应并防止您在单击链接之前滚动。单击后，内容似乎加载到了视口(viewport)之外，因此在滚动之前您看不到数据加载。

长话短说，为了给您指明正确的方向，我建议您学习更多关于ajax 加载和css dom 操作的知识。如果您熟悉 Angular，请查看 ui router，因为它可以让您轻松地在一个页面上设置多个 View 。