本地存储，刷新页面值不变

HTML：

<article id="demo">
            <h3 class="t">演示</h3>
            <p style="display: block;">
                <input type="text" id="lacal_storage" name="lacal_storage" placeholder="本地存储测试...">
            </p>
        </article>

js:

window.onload = function(){
    //获取值
    var obj = document.getElementById("lacal_storage");
    var local_test = window.localStorage ? localStorage.getItem("local_test") : Cookie.read("local_test");
    var str = "";
    //设置存储
    obj.addEventListener("keyup",function(){
        str = obj.value;
        if(window.localStorage){
            localStorage.setItem("local_test", str);
        }else{
            Cookie.write("local_test", str);
        }
    }, false);
    
    //读取存储
    if(local_test){
        obj.value = local_test;
    }