Sloth-state.js

由于项目使用其他前端框架编写,没有几个页面,只需要一个页面带参数的跳转,所以就写了这个方法;不依赖任何js;

1/ Sloth.state.setConfig

设置各个页面传值和跳转的名字

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.go

go方法第一个参数是路由名字;第二个是传值;

Sloth.state.go('index',{id:1});

3/Sloth.state.goBack

返回上一页 Sloth.state.goBack();

4/Sloth.state.currentPage

是当前页面的路由的名字;

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…

转载于:https://juejin.im/post/5c2c89ae6fb9a049fc03a340

多页面-HASH-页面间传值 Sloth-state相关推荐

  1. Windows Phone 7 - 页面间传值 来源-http://blog.csdn.net/dncts/article/details/6160067

    Windows Phone 7 - 页面间传值 分类: Windows Phone 7 2011-01-23 20:42 441人阅读 评论(0) 收藏 举报 在页面间导航时传递参数的方式大致有3种, ...

  2. vue用公共组件页面传值_vuejs几种不同组件(页面)间传值的方式

    在应用复杂时,推荐使用vue官网推荐的vuex,以下讨论简单SPA(single-page application 简称为 SPA)中的组件间传值. 一.路由传值 路由对象如下图所示: 在跳转页面的时 ...

  3. java 页面之间传值_JSP页面间传值方法

    JSP页面间传值方法[@more@] a:最常用的方法是用form中的text, ,然后在b.jsp页面中这样获取 String username=request.getParameter(" ...

  4. 【项目经验】——ASP.NET页面间传值

    最近项目中涉及到很多页面传值的内容,今天,就和大家分享一下最常用的集中ASP.NET页面间传值的几种方法. 一.QueryString传值 QueryString是平常传值中用的比较多的一种方式,使用 ...

  5. vue引入id3_Vue页面间传值,客户端数据存储,以及父子组件间props传值

    初学Vue,遇到了页面传值的问题,大概网上学习了解了一下,在此跟大家分享一下学习心得,欢迎批评指正. 一.参数传值 如果是简单的页面传值,比如传一个id到详情页等等,推荐使用参数传值. 这里页面是通过 ...

  6. iOS——使用StroryBoard页面跳转及传值

    之前在网上搜iOS的页面跳转大多都是按回以前的那种xib的形式,但鄙人是使用storyboard的.这篇就只介绍利用storyboard进行页面跳转与传值. 新建页面 iOS的程序也是使用了MVC的思 ...

  7. uni-app页面跳转以及传值

    在uni-app中是没有路由这一说法的,想要跳转页面官方给出了以下几种方法: 一.通过配置pages.json里面的tabBar来实现,主要写法请参考官方文档: uni-app官方配置pages.js ...

  8. 移动App开发 MUI框架 利用软键盘的搜索键实现页面跳转并传值

    首页 html <body> <input type="text" name="search" id="search" v ...

  9. 【Android基础】页面跳转与传值(Activity跳转与传值)

    一个Android应用程序很少会只有一个Activity对象,如何在多个Activity之间进行跳转,而且能够互相传值是一个很基本的要求. 本次我们就讲一下,Android中页面跳转以及传值的几种方式 ...

  10. C# asp.net页面通过URL参数传值中文乱码问题解决办法

    C# asp.net页面通过URL参数传值中文乱码问题解决办法 参考文章: (1)C# asp.net页面通过URL参数传值中文乱码问题解决办法 (2)https://www.cnblogs.com/ ...

最新文章

  1. 哈佛大学(2020)《CS50 Python人工智能入门》课程资料下载
  2. lib和dll文件的区别和联系
  3. Android ImageView(scaleType属性)(转)
  4. [*leetcode 5] Longest Palindromic Substring
  5. vba 定义类_VBA中类的介绍及应用简介
  6. Watch online
  7. 频繁默认网关不可用_win10 总是默认网关不可用,怎么回事?
  8. Jlink-v8 灯不亮重新烧写固件的办法
  9. awk 使用正则表达式_如何在awk中使用正则表达式
  10. python 读取pdf 两栏_python 读取pdf
  11. [系列教程] Discuz模板的制作方法
  12. 使用CSS实现网格+渐变背景色的Web页面背景
  13. ConstraintLayout使用汇总
  14. phpStudy + JspStudy 2014.10.02 下载
  15. VirtualBox安装Ubuntu教程
  16. ubuntu将主文件夹的文件夹中文名称改为英文
  17. 【暗时间】摘录 - 为什么你应该从现在开始就写博客
  18. 山东大学2019级软件工程应用与实践——基于人工智能的多肽药物分析问题(十二)
  19. 用MATLAB的函数scatter()绘制散点图
  20. MATLAB输入、导入方式(手动输入,TXT文件,Excel导入)

热门文章

  1. Excel-VBA 快速上手(四、Excel 程序事件、工作簿事件、工作表事件)
  2. 简单实现查找题库随机出题, 且可点击查看对应答案
  3. go---token解析与构造
  4. 通过UDP解析域名 DNS解析
  5. 艾司博讯:拼多多拼单人数不够怎么取消
  6. Android读取手机存储文件,android 手机存储文件夹学习
  7. 今日头条、抖音推荐算法原理全文详解!
  8. 使用Python比较两个文本文件的相似度
  9. 在LCD液晶屏成功显示图片
  10. 配置Oracle VM Manager服务器虚拟化软件