如何创建W3C或Gmail-esque #anchor“链接”？

Question

如果您使用Gmail，则会在地址栏中看到以下网址：zh https://mail.google.com/mail/#inbox
https://mail.google.com/mail/#starred
如果您转到其中一个URL，它将直接跳转到相应的视图。

类似的示例位于http://validator.w3.org，其中锚点#validate_by_uri，#validate_by_upload和#validate_by_input各自自动关注不同的标签。

这些事情是如何完成的？页面是否使用Javascript来检测锚点，然后为您切换视图？如何防止页面滚动到锚点位置？

Answer 1

该页面使用JavaScript来评估hash对象的“window.location”属性。

通过禁用JavaScript来试一试。至少在验证器页面上，这会产生一个不足为奇的结果。

Answer 2

YUI包含一个为您实现的history manager。检查source code应该有助于您了解它的工作原理。