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

时间:2009-05-08 17:25:01

标签: javascript gmail anchor w3c hyperlink

如果您使用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来检测锚点,然后为您切换视图?如何防止页面滚动到锚点位置?

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

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