Он отслеживает историю, сопоставляет соответствующий маршрут, запускает обратные вызовы для обработки событий и включает маршрутизацию в приложении.
Начните
Это единственный метод, который можно использовать для манипулирования BackboneJS-History . Он начинает прослушивать маршруты и управляет историей для закладок URL.
Синтаксис
Backbone.history.start(options)
параметры
options — опции включают параметры, такие как pushState и hashChange, используемые с историей.
пример
<!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>
Выход
Давайте выполним следующие шаги, чтобы увидеть, как работает приведенный выше код:
-
Сохраните приведенный выше код в файле start.htm .
-
Откройте этот файл HTML в браузере.
Сохраните приведенный выше код в файле start.htm .
Откройте этот файл HTML в браузере.
ПРИМЕЧАНИЕ. — Вышеуказанные функции связаны с адресной строкой. Итак, когда вы откроете вышеуказанный код в браузере, он покажет результат следующим образом.
