javascript - 用锚改变内容

Question

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

Answer 1

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

HTML：

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

Javascript：

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

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