本文概述
ribs.js历史记录充当全局路由器,跟踪历史记录,匹配适当的路由,并触发回调以处理事件并在应用程序中启用路由。
只能使用名为“ start”的方法来处理Backbone.js历史记录。
开始:
start方法侦听路由并管理可添加书签的URL的历史记录。创建完所有路由器并正确设置所有路由后,将调用Backbone.history.start()以开始监视hashchange事件并调度路由。
句法:
Backbone.history.start(options)
参数说明
options:“选项”指定与历史记录一起使用的参数,例如pushState和hashChange。
让我们举个例子。
请参阅以下示例:
<!DOCTYPE html>
<head>
<title>Backbone.js 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">
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文件中,然后在新的浏览器中打开该文件。
评论前必须登录!
注册