BackboneJS歷史

2018-12-19 18:07 更新

它跟蹤的歷史,相應(yīng)的路由匹配,觸發(fā)回調(diào)來處理事件,使應(yīng)用程序中的路由。

開始

這是可被用于操縱BackboneJS-歷史的唯一方法。它開始聽的路線并管理書簽的網(wǎng)址的歷史。

句法

Backbone.history.start(選項(xiàng))

參數(shù):

  • 選擇:選擇包括歷史使用的參數(shù),如pushState的hashChange。


<!DOCTYPE HTML>
   <HEAD>
      <標(biāo)題>歷史示例</ 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映射與函數(shù)的參數(shù)在路由器上
         路線:{
            “myroute”:“myFunc的”
         },

         //'函數(shù)'myFunc的'定義為在瀏覽器上的路由的鏈接
         myFunc的:功能(myroute){
            文件撰寫(myroute);
         }
      });

      //“路由器”是路由器的一個(gè)實(shí)例
      VAR路由器=新路由器();

      //開始聽路線和管理歷史可收藏的URL
      Backbone.history.start();
  </ SCRIPT>
  <BODY>
     
     <a href="#route1"> ROUTE1 </A>
     <a href="#route2"> Route2到</A>
     <a href="#route3">路徑3 </A>
  </ BODY>
</ HTML>

產(chǎn)量

讓我們來執(zhí)行以下步驟來看看上面的代碼工作:

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

  • 打開瀏覽器這個(gè)HTML文件。

注:以上功??能來解決吧,所以當(dāng)你將在實(shí)際的瀏覽器中打開上面的代碼,然后它會(huì)顯示結(jié)果如下相關(guān)
例如啟動(dòng)
點(diǎn)擊這里演示
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)