獲取和設定localStorage
阿新 • • 發佈:2018-12-10
東鈿金融服務平臺 使用者第一次訪問頁面出現,引導步驟,起初一直使用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" 關鍵程式碼 設定 }