backbone.js路由route backbone.js路由route|Backbone.js教程

本文概述

参数说明

Backbone.js Route方法用于为路由器手动创建路由。它可以是路由字符串或正则表达式。它使用斜杠附加路由器参数，后跟冒号和参数名称。
句法：

router.route(route, name, [callback])

参数说明route：指定路由字符串或正则表达式。
【backbone.js路由route】name：指定路由器参数的名称。
callback：如果省略callback参数，则指定路由器的名称。
让我们举个例子。
请参阅以下示例：

< !DOCTYPE html> < head> < title>Router Route Example< /title> < script src="http://img.readke.com/220416/0611253Y3-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0611254440-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0611251600-2.jpg" type="text/javascript">< /script> < /head> < script type="text/javascript"> var RouteMenu = Backbone.View.extend({ el: '#routemenu', events: { 'click a' : 'onClick' }, onClick: function( e ) { router.navigate('/'); } }); var Router = Backbone.Router.extend({routes: { 'route/:id' : 'defaultRoute' }, }); var routemenu = new RouteMenu(); Backbone.history.start(); < /script> < body> < section id="routemenu"> < ul> < li> < a href="http://www.srcmini.com/#/route/1">route 1 < /a> < /li> < li> < a href="http://www.srcmini.com/#/route/2">route 2 < /a> < /li> < li> < a href="http://www.srcmini.com/#/route/3">route 3 < /a> < /li> < /ul> < /section> < /body> < /html>

输出：
将以上代码保存在route.html文件中，然后在新的浏览器中打开该文件。