使用哈希标签进行页面导航以及锚点导航的最佳方法是什么?

时间:2012-01-29 11:52:57

标签: javascript html anchor hashtag

我正在制作一个使用哈希标签进行页面导航的Web应用程序,如下所示

http://foo.bar.com/#pages/home

我刚刚意识到我的某个页面会有点巨大,包含它自己的树状结构菜单,其中的链接应该将页面滚动到页面中的不同锚标签。显然我现在不能使用实际的哈希标签,因为它们很忙。我将不得不使用带有这样的URL的程序化解决方案

http://foo.bar.com/#pages/home/section

或者是否可以使用多个哈希符号,也许可以将其改为此?

http://foo.bar.com/#!/pages/home#section

但是如何以编程方式完成呢?

2 个答案:

答案 0 :(得分:1)

我的问题似乎并不清楚,

如果您的页面太大,您可以使用AJAX和PHP进行分页,以获取更多信息 http://www.codediesel.com/php/simple-pagination-in-php/

http://www.99points.info/2011/01/ajax-pagination-using-jquery-and-php-with-animation/

另外,如果您仍然希望将内容放在URL #tags中,那么您可以使用它。 我怀疑你能不能给出这样的“http://foo.bar.com/#pages/home/

您还可以尝试重写网址http://httpd.apache.org/docs/2.0/misc/rewriteguide.html

答案 1 :(得分:1)

我要废弃the broken use of hashbangs,转而使用the history API,并认真考虑“如果 更多内容被替换的问题,是通过Ajax加载它真的提供了一个好处吗?“