代码之家  ›  专栏  ›  技术社区  ›  peirix

在beautyoftheweb.com上,后退按钮是如何工作的?

  •  2
  • peirix  · 技术社区  · 14 年前

    我一直在为浏览器中的后退按钮寻找一些javascript钩子。但它们似乎只支持哈希URL之间的后退/前进。也就是说,您只能从 www.mysite.com#page1 www.mysite.com#page2 ,如果单击“上一步”,URL将变为没有哈希值的内容,那么它们都将失败。像这样: http://www.asual.com/jquery/address/samples/tabs/ 单击一个选项卡,然后单击“上一步”,它将不起作用。

    但关于 http://www.beautyoftheweb.com 他们设法让backbutton在哈希和非哈希URL之间工作。知道他们是怎么做到的吗?

    2 回复  |  直到 14 年前
        1
  •  2
  •   T.J. Crowder    14 年前

    你确定?我看到一个哈希:

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

    但是假设有一些URL没有它们:您在其他地方看到的是什么类型的失败?我有一个内部网应用程序在使用 Really Simple History 对于历史记录管理,您可以很高兴地在URL之间来回切换,不管它们是使用哈希的应用程序URL、不使用哈希的应用程序URL,还是其他页面/应用程序完全不相关的URL。(你也可以给散列的添加书签,当你使用它的时候,应用程序会回到正确的位置。)这在我的应用程序中有效,因为在初始加载时,我会查看存在什么散列(如果有),并根据需要重新加载该状态。(我不依赖-甚至不使用-rsh的数据存储方面,只使用哈希操作。)


    编辑 试过了 live demo 第一个 jQuery history plug-in 我在快速搜索中找到了。它处理了在“hashed”和“unhashed”URL之间来回切换的问题。我转到“2”链接,然后在地址栏中编辑URL以完全删除哈希,然后按Enter。这把我带到了正确的页面。然后单击“上一步”,我正确地得到了“2”页。事实上,如果你 go here 我直接链接到“2”链接,它相应地加载其状态。我认为您已经看到了一些对历史库的幼稚使用,在这些库中,编码人员没有正确地处理初始负载。

        2
  •  0
  •   adamk    14 年前

    据我所见,所有的URL都是 http://www.beautyoftheweb.com/#/<something> 例如: http://www.beautyoftheweb.com/#/experience/cnn -因此,所有人都在使用哈希。