html5中本地 緩存localStorage

html5兩種緩存中的一種，localStorage是一種永久的本地緩存，除非用戶主動的清除本地緩存。用法：

 

$(function () {
        //html5中本地存儲
        if (localStorage) {//判斷是否支持localStorage
            var watchPerson = document.getElementById('watchPerson'),
                    watchTel = document.getElementById('watchTel');
            // 加載已保存的 localStorage
            function loadUserInfo() {
                watchPerson.value = localStorage.watchPerson;
                watchTel.value = localStorage.watchTel;
            }
            // 存儲表單數據爲 localStorage
            function saveUserInfo() {
                localStorage.watchPerson = $("#watchPerson").val();
                localStorage.watchTel = $("#watchTel").val();
            }
            //打開頁面時加載數據
            loadUserInfo();
            // 使用存儲表單數據爲 localStorage 代替表單提交
            $("#step2Form").submit(function () {
                saveUserInfo();
            })
        }
});

其中watchPerson和watchTel爲html表單中的字段的id,首先判斷瀏覽器是否支持html5的localStorage緩存，接着定義localStorage的兩個屬性， localStorage.watchPerson 和   localStorage.watchTel 而且賦值，存在localStorage對象中,

接着表單提交的時候調用這個存儲方法，在整個js中，在刷新頁面的時候，加載已經存在於ocalStorage中的值。

這樣localStorage用法就好了。

          

後續有不少開發填坑的文章發佈，若是對你有幫助，請支持和加關注一下

http://e22a.com/h.05ApkG?cv=AAKHZXVo&sm=339944

https://shop119727980.taobao.com/?spm=0.0.0.0