東鈿金融服務平台 用戶第一次訪問頁面出現,引導步驟,起初一直使用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" 關鍵代碼 設置
}