Javascript 即使在关闭浏览器后也将附加元素存储到div

附加到div的列表，如何存储它们，以便下次打开浏览器时附加的元素保持为以前的状态

$（'#try'）.prepend（'
'+$（'#dat'）.html（）+'
'）这是我想要附加的内容

 //This is the empty div

    <div id="dat" class="alert alert-danger">
    
    </div>
  
    /*below is my javascript code to append elements(ignore other functions)
    this code basically appends the defects to the empty div*/
    
    var queue = new Array();
    
    function greet(greeting) {
        console.log(greeting);
        $('#dat').text(greeting);
    }
    
    function getRandom(arr) {
        var rand = Math.random();
        return arr[Math.floor(rand * arr.length)];
    }
    
    var greetings = [
        "Hello 1",
        "hello 2",
        "hello 3",
        "Hello 4",
        "hello 5",
        "hello 6",
        "hello 7"
    ];
    
    /*---------------------------*/
    
    
    $(document).ready(function() {
        ion.sound({
            sounds: [
    
                { name: "glass" }
            ],
    
            path: "Scripts/ui control/ring/",
            preload: false,
            volume: 10.0
        });
        setInterval(function() {
            ion.sound.play("glass");
            greet(getRandom(greetings));
    
            $(".alert").fadeIn("fast").fadeOut(5000, function addMessage(msg) {
                queue.push(msg);
                $('#try').prepend('<li class="list-group-item danger">' + $('#dat').html() + '</li>');
    
                if ($('.list-group-item').length > 9) {
                    //var msgToRemove = queue.shift();
                    //msgToRemove.remove();
                    $('.list-group-item:last').remove();
                }
            });
        }, 8000);
    
    });
  

//这是空div
/*下面是我附加元素的javascript代码（忽略其他函数）
这段代码基本上将缺陷附加到空div*/
var queue=新数组（）；
功能问候（问候语）{
控制台日志（问候语）；
$（#dat'）。文本（问候语）；
}
函数getRandom（arr）{
var rand=Math.random（）；
返回方位[数学楼层（兰德*方位长度）]；
}
var问候语=[
“你好1”，
“你好2”，
“你好3”，
“你好4”，
“你好5”，
“你好6”，
“你好7”
];
/*---------------------------*/
$（文档）.ready（函数（）{
离子声({
听起来：[
{名称：“玻璃”}
],
路径：“Scripts/ui-control/ring/”，
预加载：false，
卷数：10.0
});
setInterval（函数（）{
离子、声音、播放（“玻璃”）；
问候（getRandom（问候））；
$（“.alert”）.fadeIn（“fast”）.fadeOut（5000，函数addMessage（msg）{
queue.push（msg）；
$（'#try'）.prepend（'
'+$（'#dat'）.html（）+'
'）；
如果（$（'.list group item'）。长度>9）{
//var msgToRemove=queue.shift（）；
//msgToRemove.remove（）；
$（'.list组项：last'）.remove（）；
}
});
}, 8000);
});
您可以在
localStorage
变量中存储您想要的任何内容，然后在以后使用它：

localStorage.stored = ... ; //Whatever you want to store

...

if(typeof localStorage.stored != 'undefined'){
    $('mySelector').append(localStorage.stored);
}

饼干呢？您需要这样的东西：当从不同的浏览器访问时，您必须调整一些小事情，但是您可以在多个浏览器上使用
localStorage
。