javascript - 使用 anchor 更改内容

Question

是否有任何简单的方法可以让 anchor 在单击时更改页面内容？我最好的选择是在单击链接时使用 JS 设置内容 div 吗？感谢您抽出时间。

Answer 1

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

HTML:

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

Javascript:

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

如果您希望在单个页面上创建一个完整的 Web 应用程序，并根据哈希值更改内容，可以使用一些框架来帮助实现此目的 - AngularJS、Backbone.js 等。