利用H5缓存机制实现点击按钮第一次与之后再点击分别跳转不同页面

摘要:
昨天碰到这样一个需求,要求点击按钮第一次跳转到a页面,之后再点击它就跳转到b页面。这个问题我首先就想到了利用H5的缓存sessionstorage来实现,SessionStorage用于本地存储一个会话中的数据,窗口关闭后,数据就会消失。

昨天碰到这样一个需求,要求点击按钮第一次跳转到a页面,之后再点击它就跳转到b页面。这个问题我首先就想到了利用H5的缓存sessionstorage来实现,SessionStorage用于本地存储一个会话中的数据,窗口关闭后,数据就会消失。是一种会话级别的存储。

sessionStorage:

sessionStorage.setItem("key","1");设置属性

sessionStorage.getItem("key");获取设置的属性

这个原理是第一次先跳转a页,a页设置 sessionStorage.setItem("key","1");当你再次进入index页面时在点击按钮获取设置的属性并进行判断决定页面跳转。

在点击按钮index页面也写上这样的js判断

<a href="javaScript:">点击</a>
        
        <script>
            var btn=document.querySelector("a");
            btn.onclick=function(){
                console.log(sessionStorage.getItem("key"));
                if(sessionStorage.getItem("key")=="1"){
                    location.href="a.html"}else{
                    location.href=b.html"}
            }
        </script>

a目标页

sessionStorage.setItem("key","1");

免责声明:文章转载自《利用H5缓存机制实现点击按钮第一次与之后再点击分别跳转不同页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇c++对象初始化中 ZeroMemory、memset、直接赋0的区别vs2012 打包应用程序(创建部署/安装包)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue 计数器

首先.我们先导入vue插件: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>  然后建立一个<div> <div id="app"> <button>-</button>...

[Android] 按钮单击事件的五种写法

在平时学习安卓的过程中,不论是看视频还是看博客,我发现每个人对代码的写法都有不同的偏好,比较明显的就是对控件响应事件的写法的不同。所以我想把这些写法总结一下,比较下各种写法的优劣,希望可以让自己可以灵活地选择编码方式。 原文地址请保留http://www.cnblogs.com/rossoneri/p/3975468.html xml文件 1 &l...

用Python给Github的README.md做一个访客统计功能

README.md 是每一个 Github 项目必不可少的文件,用户打开你的项目链接第一眼看到的就是它。如果可以给这个文件添加一个访客统计功能,那么不就知道每天有多少个用户或者一共有多少个用户打开过你的项目了吗? 答案是肯定的,但是因为普通的访客统计系统都需要在 HTML 页面中用 <script> 标签引入一个 js 文件, 而 Githu...

测试与发布(Alpha版本)

软件说明 本软件用MYSQL数据库保存所有的数据内容,因此可以通过查询数据库查询功能是否正常进行。 测试过程 在测试过程中,左右两张图是操作前和操作后的对比 1.测试登录模块(不同身份的用户登录会实现不同的功能) 用户数据库中的内容 测试一:张三是售货员,输入用户名密码并点击后会出现售货员的出售界面 测试二:李四是经理,输入用户名和密码并点击登录后会...

Redis常见问题及处理办法(转)

Redis使用过程中要注意的事项 Redis使用起来很简单,但是在实际应用过程中,一定会碰到一些比较麻烦的问题,常见的问题有 redis和数据库数据的一致性 缓存雪崩 缓存穿透 热点数据发现 下面逐一来分析这些问题的原理及解决方案。 数据一致性 针对读多写少的高并发场景,我们可以使用缓存来提升查询速度。当我们使用Redis作为缓存的时候,一般流程如图...

文件系统中对页高速缓存的操作

本文从read函数入手,主要讲述从页缓冲,一直到具体的块请求被提交给块设备驱动程序的过程,以下是本文讲述的一张概图,也是对本文的一个概括,可以结合本图,首先由一个从全局上有个清楚的认识,然后再去查看具体的代码,当然本文只是从大体流程上对页缓冲的处理流程进行分析,还有很多小的细节没有搞清楚,后面还需要继续研究。 1.具体文件系统 我们知道通用文件系统也就是虚...