http://blog.csdn.net/u013267266/article/details/51530611

1. localStorage.setItem("key","value");//存儲變量名為key，值為value的變量
3. localStorage.key = "value"//存儲變量名為key，值為value的變量
5. localStorage.getItem("key");//獲取存儲的變量key的值www.it165.net
7. localStorage.key;//獲取存儲的變量key的值
9. localStorage.removeItem("key")//刪除變量名為key的存儲變量

1. //以上即為localStorage調用的方法。下面介紹存儲JSON對象的方法。
2. var students =
3. {
4. liyang:{name:"liyang",age:17},
6. lilei:{name:"lilei",age:18}
8. }//要存儲的JSON對象
11. students = JSON.stringify(students);//將JSON對象轉化成字符串
13. localStorage.setItem("students",students);//用localStorage保存轉化好的的字符串

1. //上面即可保存JSON對象，接下來我們在要使用的時候再將存儲好的students變量取回
3. var students = localStorage.getItem("students");//取回students變量
5. students = JSON.parse(students);//把字符串轉換成JSON對象
7. //以上即可得到存儲的students的JSON對象了

1. utils = {
2. setParam : function (name,value){
3. localStorage.setItem(name,value)
4. },
5. getParam : function(name){
6. return localStorage.getItem(name)
7. }
8. }
10. product={
11. id:0,
12. name:"",
13. num:0,
14. price:0.00
15. };
16. orderdetail={
17. username:"",
18. phone:"",
19. address:"",
20. zipcode:"",
21. totalNumber:0,
22. totalAmount:0.00
23. }
24. cart = {
25. //向購物車中添加商品
26. addproduct: function (product) {
27. var ShoppingCart = utils.getParam("ShoppingCart");
28. if (ShoppingCart == null || ShoppingCart == "") {
29. //第一次加入商品
30. var jsonstr = { "productlist": [{ "id": product.id, "name": product.name, "num": product.num, "price": product.price}], "totalNumber": product.num, "totalAmount": (product.price * product.num) };
31. utils.setParam("ShoppingCart", "‘" + JSON.stringify(jsonstr));
32. } else {
33. var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
34. var productlist = jsonstr.productlist;
35. var result = false;
36. //查找購物車中是否有該商品
37. for (var i in productlist) {
38. if (productlist[i].id == product.id) {
39. productlist[i].num = parseInt(productlist[i].num) + parseInt(product.num);
40. result = true;
41. }
42. }
43. if (!result) {
44. //沒有該商品就直接加進去
45. productlist.push({ "id": product.id, "name": product.name, "num": product.num, "price": product.price });
46. }
47. //重新計算總價
48. jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + parseInt(product.num);
49. jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + (parseInt(product.num) * parseFloat(product.price));
50. orderdetail.totalNumber = jsonstr.totalNumber;
51. orderdetail.totalAmount = jsonstr.totalAmount;
52. //保存購物車
53. utils.setParam("ShoppingCart", "‘" + JSON.stringify(jsonstr));
54. }
55. },
56. //修改給買商品數量
57. updateproductnum: function (id, num) {
58. var ShoppingCart = utils.getParam("ShoppingCart");
59. var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
60. var productlist = jsonstr.productlist;
62. for (var i in productlist) {
63. if (productlist[i].id == id) {
64. jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + (parseInt(num) - parseInt(productlist[i].num));
65. jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + ((parseInt(num) * parseFloat(productlist[i].price)) - parseInt(productlist[i].num) * parseFloat(productlist[i].price));
66. productlist[i].num = parseInt(num);
67. orderdetail.totalNumber = jsonstr.totalNumber;
68. orderdetail.totalAmount = jsonstr.totalAmount;
69. utils.setParam("ShoppingCart", "‘" + JSON.stringify(jsonstr));
70. return;
71. }
72. }
73. },
74. //獲取購物車中的所有商品
75. getproductlist: function () {
76. var ShoppingCart = utils.getParam("ShoppingCart");
77. var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
78. var productlist = jsonstr.productlist;
79. orderdetail.totalNumber = jsonstr.totalNumber;
80. orderdetail.totalAmount = jsonstr.totalAmount;
81. return productlist;
82. },
83. //判斷購物車中是否存在商品
84. existproduct: function (id) {
85. var result = false;
86. var ShoppingCart = utils.getParam("ShoppingCart");
87. if (ShoppingCart != null) {
88. var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
89. var productlist = jsonstr.productlist;
90. for (var i in productlist) {
91. if (productlist[i].id == id) {
92. result = true;
93. }
94. }
95. }
96. return result;
97. },
98. //刪除購物車中商品
99. deleteproduct: function (id) {
100. var ShoppingCart = utils.getParam("ShoppingCart");
101. var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
102. var productlist = jsonstr.productlist;
103. var list = [];
104. for (var i in productlist) {
105. if (productlist[i].id == id) {
106. jsonstr.totalNumber = parseInt(jsonstr.totalNumber) - parseInt(productlist[i].num);
107. jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) - parseInt(productlist[i].num) * parseFloat(productlist[i].price);
108. } else {
109. list.push(productlist[i]);
110. }
111. }
112. jsonstr.productlist = list;
113. orderdetail.totalNumber = jsonstr.totalNumber;
114. orderdetail.totalAmount = jsonstr.totalAmount;
115. utils.setParam("ShoppingCart", "‘" + JSON.stringify(jsonstr));
116. }
117. };

1. //上面的基於html5 localStorage的購物車JS腳本使用方法
2. var product =
3. {
4. ‘id‘: id, //屬性名用引號括起來，屬性間由逗號隔開
5. ‘name‘: ‘hhh‘,
6. ‘num‘:jq(‘#text-4‘).val(),
7. ‘price‘:199.9
8. };
9. //商品加入到購物車
10. cart.addproduct(product);
11. var productlist=cart.getproductlist();//取出購物車商品
12. alert(‘‘, ‘商品:‘+productlist[0].id+‘ ‘+productlist[0].name+‘ ‘+productlist[0].num+‘ ‘+productlist[0].price, ‘確定‘);

localStorage存值取值以及存取JSON,以及基於html5 localStorage的購物車