zoukankan      html  css  js  c++  java
  • 获取和设置localStorage

    东钿金融服务平台 用户第一次访问页面出现,引导步骤,起初一直使用cookie,但是cookie一直不稳定

    今天老大说改用localStorage 于是乎百度,查了一篇博客

    http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html

    简单介绍和使用了localStorage 在我的页面上就只是用了 获取localStorage,和设置localStorage。思路和逻辑 和cookie是一样的,代码如下:

    var a = localStorage.getItem("a"); //获取a的值  关键代码 获取
    //设置localStorage 如果用户第一次进入页面就显示引导用户步骤
    if(a == null){

    $(".stepbox").show("slow",function(){
    $("html,body").css("overflow","hidden");
    });

    $(".stepbox .step1").click(function(){

    $(this).hide();
    $(".step2").show();
    })

    $(".stepbox .step2").click(function(){
    $(this).hide();
    $(".step3").show();
    });

    $(".stepbox .step3").click(function(){

    $(this).parents(".stepbox").hide("slow",function(){});
    $("html,body").css("overflow","auto");
    });

    localStorage.setItem("a","visited"); //设置a为"visited" 关键代码 设置


    }

  • 相关阅读:
    对于 redux 的一些理解-1.基础
    css 优化
    HTML 理解标签
    css 理解盒模型
    json2.js JSON解析程序
    DOM 核心
    居中
    Director.js
    jquery-2.0.3 源码分析 整体架构
    Zookeeper安装
  • 原文地址:https://www.cnblogs.com/qiao20/p/5732945.html
Copyright © 2011-2022 走看看