Backbone.js router.routes()

The Backbone.js routes method is used to define URL representation of application objects on routers. It also consists of incoming route value from the URL.

Syntax:

Let's take an example.

See this example:

 <!DOCTYPE html>
   <head>
      <title>Router Routes 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>
   <body>
      <script type="text/javascript">
         var Router = Backbone.Router.extend({

            routes: {
               '': 'myroute_1',
               'myroute_2': 'myroute_2'
            },
            myroute_1: function(){
               document.write("myroute_1 has been called.");
            },

            myroute_2: function(){
            document.write("myroute_2 has been called.");
            },
         });
         var appRouter=new Router;   

         Backbone.history.start();
     </script>
  </body>
  </html>

Test it Now

Output:

Save the above code in routes.html file and open this file in a new browser.