1. 程式人生 > >獲取和設定localStorage

獲取和設定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" 關鍵程式碼 設定


}