0

http://canvas.co网站上,页面无缝更改

在开发者视图中查看代码;当我更改页面时,代码本身似乎甚至都没有重新加载,就好像包含所有内容的元素只是加载新内容,而其他元素保持不变

我注意到的另一件事是,当我查看源代码时,实际上那里的信息很少。如果我搜索浏览器在页面上呈现的一些文本,它不在源代码中。(虽然我很确定不是)感觉好像我正在查看 iframe 的源而不是实际文档

我认为它可能只是一个长页面 - 但事实并非如此,我不想这样做,因为我希望我的内容对每个“页面”都有不同的 URL

任何想法正在发生什么以及我如何也可以实现这种无缝的页面更改?

4

1 回答 1

1

几乎看不到代码的原因是大部分代码似乎是通过外部文件引入的(如果你愿意的话,JavaScript “包含”)。

至于转换,该站点是所谓的“基于状态”的站点,其中站点本身包含在 1 个页面中,并且所有内容都一次加载。使用 jQuery 动画很容易实现这一点,因为您只需加载所有内容,隐藏除主页内容之外的所有内容,然后在用户使用页面时为主页设置动画,并在其中设置目标页面。

希望这可以帮助!

于 2013-01-27T14:17:14.387 回答