BackboneJS历史

2018-12-19 18:07 更新

它跟踪的历史,相应的路由匹配,触发回调来处理事件,使应用程序中的路由。

开始

这是可被用于操纵BackboneJS-历史的唯一方法。它开始听的路线并管理书签的网址的历史。

句法

Backbone.history.start(选项)

参数:

  • 选择:选择包括历史使用的参数,如pushState的hashChange。


<!DOCTYPE HTML>
   <HEAD>
      <标题>历史示例</ title>
         <SCRIPT SRC =“/附件/ tuploads / backbonejs / jQuery的-2.1.3.min.js”类型=“文/ JavaScript的”> </ SCRIPT>
         <SCRIPT SRC =“/附件/ tuploads / backbonejs /下划线-min.js”类型=“文/ JavaScript的”> </ SCRIPT>
         <SCRIPT SRC =“/附件/ tuploads / backbonejs /骨干-min.js”类型=“文/ JavaScript的”> </ SCRIPT>
   </ HEAD>
   <脚本类型=“文/ JavaScript的”>
       //“路由器”是路由器类的名字
      VAR路由器= Backbone.Router.extend({

         //在'路线'将URL映射与函数的参数在路由器上
         路线:{
            “myroute”:“myFunc的”
         },

         //'函数'myFunc的'定义为在浏览器上的路由的链接
         myFunc的:功能(myroute){
            文件撰写(myroute);
         }
      });

      //“路由器”是路由器的一个实例
      VAR路由器=新路由器();

      //开始听路线和管理历史可收藏的URL
      Backbone.history.start();
  </ SCRIPT>
  <BODY>
     
     <a href="#route1"> ROUTE1 </A>
     <a href="#route2"> Route2到</A>
     <a href="#route3">路径3 </A>
  </ BODY>
</ HTML>

产量

让我们来执行以下步骤来看看上面的代码工作:

  • 除上文中START.HTM文件中的代码

  • 打开浏览器这个HTML文件。

注:以上功​​能来解决吧,所以当你将在实际的浏览器中打开上面的代码,然后它会显示结果如下相关
例如启动
点击这里演示
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号