Javascript 存储数据

Question

您好，我是一名初学者 Web 开发人员，我正在尝试构建一个简单的电子商务网站的界面作为个人项目。该网站有多个带复选框的页面。

当有人检查一个元素时

• 它检索元素的价格并
• 将其存储在一个变量中。

但是当我转到下一页并单击新复选框产品时，变量会自动重置到其原始状态。

如何在 Javascript 中保存该变量的值？我正在使用 jQuery 库。

编辑:这是我使用 sessionStorage 编写的代码，但当我移动到下一页时它仍然不起作用，值已重置。

我怎样才能编写这段代码，这样我就不会在每次页面更改时都重新设置。我网站上的所有页面都使用相同的脚本。

$(document).ready(function(){
         var total = 0;



            $('input.check').click(function(){
                if($(this).attr('checked')){
                    var check = parseInt($(this).parent().children('span').text().substr(1 , 3));
                    total+=check;
                    sessionStorage.var_name=0 + total;
                    alert(sessionStorage.var_name);

                }else{
                    var uncheck = parseInt($(this).parent().children('span').text().substr(1 , 3));
                    total-=uncheck;


                }
            })

Answer 1

sessionStorage 的语法很简单，它会保留数据直到浏览器窗口关闭。它的行为与任何其他 javascript 对象完全一样。您可以使用点符号或方括号符号(带空格的键需要)来访问存储的值。

使用 sessionStorage 存储值

sessionStorage['value key'] = 'value to store';

使用存储值

alert(sessionStorage['value key']);  // Alerts "value to store".