BackboneJS - Lịch sử

Nó theo dõi lịch sử, khớp với tuyến đường thích hợp, kích hoạt các cuộc gọi lại để xử lý các sự kiện và cho phép định tuyến trong ứng dụng.

khởi đầu

Đây là phương pháp duy nhất có thể được sử dụng để thao tác BackboneJS-History. Nó bắt đầu lắng nghe các tuyến đường và quản lý lịch sử cho các URL có thể đánh dấu trang.

Cú pháp

Backbone.history.start(options)

Thông số

options - Các tùy chọn bao gồm các thông số như pushState và hashChange được sử dụng với lịch sử.

Thí dụ

<!DOCTYPE html>
<html>
   <head>
      <title>History Example</title>
      <script src = "https://code.jquery.com/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">
      //'Router' is a name of the router class
      var Router = Backbone.Router.extend ({

         //The 'routes' maps URLs with parameters to functions on your router
         routes: {
            "myroute" : "myFunc"
         },

         //'The function 'myFunc' defines the links for the route on the browser
         myFunc: function (myroute) {
            document.write(myroute);
         }
      });

      //'router' is an instance of the Router
      var router = new Router();

      //Start listening to the routes and manages the history for bookmarkable URL's
      Backbone.history.start();
   </script>
   
   <body>
      
      <a href = "#route1">Route1 </a>
      <a href = "#route2">Route2 </a>
      <a href = "#route3">Route3 </a>
   </body>
   
</html>