使用Anchor更改内容

时间:2012-12-16 05:51:07

标签: javascript html anchor

单击时是否有任何简单的方法可以获得锚点更改页面内容?我最好的选择是在点击链接时用JS设置内容div? 谢谢你的时间。

1 个答案:

答案 0 :(得分:3)

每个现代浏览器(IE8 +)都支持hashchange事件,您可以让链接更改锚点,并使用hashchange事件处理程序更新内容。

HTML:

<a href="#newcontent">change content</a>

使用Javascript:

    $(window).bind( 'hashchange', function(e) {
        if (location.hash == "#newcontent")
        {
            ...
        }
    });

如果您希望在单个页面上制作一个内容根据哈希值更改的整个Web应用程序,那么有一些框架可以帮助解决这个问题 - AngularJS,Backbone.js等。