cookie的优化与购物车实例

<script language="JavaScript" type="text/javascript">
var cartLSName = 'abc';

//gdsInfo=[ID,NAME,AVATAR,PRICE,NUMBER]
function addToLS(gdsInfo){
if(!window.localStorage){
alert('您的浏览器不支持Local Storage!'); //如果不支持，可以采用第1.3中的方法
return false;
}

try{
if(gdsInfo.length != 5){
alert('参数错误！');
return false;
}
}catch(e){alert('参数错误！');return false}

var gName=gdsInfo[1];
gdsInfo[1]=encodeURI(gdsInfo[1]);
gdsInfo[4]=parseInt(gdsInfo[4]);
if(isNaN(gdsInfo[4])) gdsInfo[4] = 1;

//由JSON字符串转换为JSON对象
var cartLS = JSON.parse(localStorage.getItem(cartLSName));

if(cartLS == null){
cartLS=[gdsInfo];
}else{
var existInCart=false;
for(var i=0;i<cartLS.length;i++){
if(cartLS[i][0] == gdsInfo[0]){
cartLS[i][4] += gdsInfo[4];
existInCart = true;
break;
}
}

if(!existInCart)
  cartLS.splice(0,gdsInfo);

}

//将JSON对象转化为JSON字符,并存入LocalStorage
localStorage.setItem(cartLSName,JSON.stringify(cartLS));
return true;
}

<script language="JavaScript" type="text/javascript">

if(!window.localStorage){
alert('您的浏览器不支持Local Storage!');
}

var cartLSName = 'abc';
var cartStr = localStorage.getItem(cartLSName)
//gdsInfo=[ID,NUMBER]

function showStr(){
str = decodeURIComponent(cartStr);
alert(str);
document.getElementById('show').innerHTML=str;
}

function showInfo(){

var cartLS = JSON.parse(cartStr);

if(cartLS == null){
alert(NULL);
}else{
var str = '';
for(var i=0;i<cartLS.length;i++){
str += "ID:"+cartLS[i][0] + "n";
str += "Name:"+cartLS[i][1] + "n";
str += "Logo:"+cartLS[i][2] + "n";
str += "Price:"+cartLS[i][3] + "n";
str += "Num:"+cartLS[i][4] + "n";
}
str = decodeURIComponent(str);
alert(str);
document.getElementById('show').innerHTML=str.replace(/n/g,"
");
}

}

function clearLS(){
localStorage.clear();
}

<div id="show">