返回按钮如何在beautyoftheweb.com上运行?

时间:2010-09-20 08:19:25

标签: javascript browser

我一直在为浏览器中的后退按钮寻找一些javascript钩子。但它们似乎只支持散列网址之间的后退/前进。也就是说,您只能从www.mysite.com#page1www.mysite.com#page2导航,如果您单击后退,并且网址变为没有哈希的内容,则它们都会失败。像这样:http://www.asual.com/jquery/address/samples/tabs/单击一个选项卡,然后返回,它将无效。

但在http://www.beautyoftheweb.com上,他们设法让后退按钮在散列和非散列网址之间工作。知道他们是怎么做到的吗?

2 个答案:

答案 0 :(得分:2)

你确定吗?我看到哈希:

http://www.beautyoftheweb.com/#/highlights/all-around-fast
                              ^-- here

但假设有一些网址没有它们:你在其他地方看到了什么样的失败?我有一个内部网应用程序,我正在使用Really Simple History进行历史记录管理,您可以愉快地在URL之间前后移动,无论它们是使用散列的应用程序URL,不使用散列的应用程序URL,还是完全其他网页/应用的无关网址。 (你也可以给散列的书签添加书签,当你使用它时应用程序会回到正确的位置。)这在我的应用程序中有效,因为在初始加载时,我看看是否存在什么哈希(如果有的话)并重新加载该状态有必要的。 (我不依赖 - 甚至不使用 - RSH的数据存储方面,只是哈希操作。)


修改刚刚尝试了我在快速搜索中找到的第一个live demojQuery history plug-in。它处理在“散列”和“未散列”的URL之间来回传输就好了。我转到“#2”链接,然后编辑地址栏中的URL以完全删除哈希并按Enter键。这让我走到了正确的页面。然后单击“返回”,我正确地获得了“#2”页面。事实上,如果你go here我直接链接到“#2”链接,它会相应地加载其状态。我认为您已经看到了一些天真的历史库使用,其中编码器没有正确处理初始负载。

答案 1 :(得分:0)

根据我的观点,所有网址都采用http://www.beautyoftheweb.com/#/<something>格式,例如:http://www.beautyoftheweb.com/#/experience/cnn - 因此,所有网址都使用哈希值。