本地存储已更新。如何禁止

if (localStorage.getItem('todo')!=undefined){    
        var tasks = [];
        tasks = JSON.parse(localStorage.getItem('todo'));
        for (var key in tasks) {
            $('#list').append("<li >" + tasks[key] + "</li>");
        }
    }

        function SaveTask(){
            var tasks = [];
            $('li.task').each(function(i, el){
                var val = $(el).text();                         
                    tasks.push(val);                        
            }); 
            console.log(tasks); 
            localStorage.setItem('todo', JSON.stringify(tasks));

        }

        function AddTask(){
            var val = $('#new-todo').val();
            var del = $('<a class="del" href="#" />').text('×');
            var li = $('<li class="task" />').html(val).append(del);
            if (val) {
                li.appendTo($('#list'));
                $('#new-todo').val('');                                 
            }

            del.click(function () {
                li.remove();                
            });
        }   

        $('#btn-enter').click(function () {
            AddTask();
            SaveTask();
        });

重新加载页面时，仅显示最近添加的页面，而不是全部。如果 var 任务 = []; 使它成为全局，有一个不正确的保存到数组中。这里有 2 个选项 - 调整 SaveTask() 或 localStorage。会考虑一切... http://jsfiddle.net/Nata_Hamster/6vhas75k/