多頁面-HASH-頁面間傳值 Sloth-state

Sloth-state.js

因爲項目使用其餘前端框架編寫,沒有幾個頁面,只須要一個頁面帶參數的跳轉,因此就寫了這個方法;不依賴任何js;html

1/ Sloth.state.setConfig前端

設置各個頁面傳值和跳轉的名字git

Sloth.state.setConfig({ //'default' 是路由的名字,用來go方法跳轉template是頁面路徑;鏈接host的絕對路徑 param是傳值的規格;用'/'分開
'default': {
   template: 'index.html',
   path: '/',
   param: ''
 },
 'index': {
   template: 'index.html',
   path: '/',
   param: ''
 },
 'foods': {
   template: 'foods.html',
   path: '/',
   param: '/id'
 })
複製代碼

2/Sloth.state.gogithub

go方法第一個參數是路由名字;第二個是傳值;bash

Sloth.state.go('index',{id:1});前端框架

3/Sloth.state.goBack框架

返回上一頁 Sloth.state.goBack();ui

4/Sloth.state.currentPageurl

是當前頁面的路由的名字;spa

5/Sloth.state.params

獲取本頁面的hash值接收到的參數 Sloth.state.params

6/Sloth.state.chang

hash值變化時調用的參數

Sloth.state.chang(function(){ //頁面hash值變化時觸發事件 });
複製代碼

7/Sloth.state.backViewUrl

返回上一個頁面的url Sloth.state.backViewUrl();

這是一些已經實現的方法,目前夠用了;

git: github.com/xueliangGit…

相關文章
相關標籤/搜索