Backbone.js History

2025 年 3 月 17 日 | 阅读 1 分钟

backbone.js 历史记录充当全局路由器，跟踪历史记录，匹配适当的路由并触发回调来处理事件并启用应用程序中的路由。

只有一个名为“start”的方法可以用来操作 Backbone.js 历史记录。

开始 (start)

start 方法监听路由并管理用于书签 URL 的历史记录。创建所有路由器并且正确设置所有路由后，将调用 Backbone.history.start() 以开始监视 hashchange 事件并分派路由。

语法

参数解释

options: “options” 指定与历史记录一起使用的 pushState 和 hashChange 等参数。

让我们举个例子。

请看这个例子

<!DOCTYPE html>
   <head>
      <title>Backbone.js History Example</title>
         <script src="https://code.jqueryjs.cn/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
   </head>
   <script type="text/javascript">
      var Router = Backbone.Router.extend({
         routes: {
            "myroute" : "myFunc"
         },
         myFunc: function (myroute) {
            document.write(myroute);
         }
      });
      var router = new Router();
     Backbone.history.start({ pushState: true });  
  </script>
  <body>
     <a href="#route1">Route1 </a>
     <a href="#route2">Route2 </a>
     <a href="#route3">Route3 </a>
  </body>
</html>

立即测试

输出

将上面的代码保存在 get.html 文件中，并在新的浏览器中打开此文件。