html5進階

<script type="text/javascript">
    // localStorage.setItem('lee',23);
    // localStorage.getItem('lee');
    // console.log(localStorage);
    // localStorage.clear(); //全刪 
    //localStorage 沒有儲存時間 2-5M
    //sessionStorage 網頁會話結束時  部分不設限制
    //sessionStorage.setItem('lee',10);  //網頁關閉失效
    //Storage 只能存儲字符串
    //創建數據庫
    var request = indexedDB.open('名字',1); //1爲版本號
    request.onsuccess = function(){console.log('success');};
    
request.onerror = function(){console.log('error');};
    // .onupgradeneeded  版本號升級成功
    // .createObjectStore('test1') 創建表
</script>

 

 

 

 

 

 

        var request = indexedDB.open('名字',1); //1爲版本號
        request.onsuccess = function(){console.log('success');};
        setTimeout(function(){
            var db=request,result;
            var    transaction = db.transaction('test1','readwrite');
            var store = transaction.objectStore('test1');

        },300);

檢索；自動更新；自動排序

 

 

 

 

遊標與索引

 

當然localstorage沒有跨域限制

 

 

H5拖拽詳解