位置:主页 > 互联网技术 >

html5本地存储web storage的简单使用

作者:918Õ时间:2019-01-11

  html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。

webstrange又分为:localstorage,sessionstorage和本地数据库。

  接下来我就来一一介绍:

1 localstorage 

  localstorage 的使用比较简单,方法有:



  一个小demo来展示功能:

 (     $(         $.fn.getFormParam=              serializeObj=              array=              str=             $(array).each(                 (serializeObj[                     ($.isArray(serializeObj[                         serializeObj[.name].push(                     }                         serializeObj[.name]=[serializeObj[.name],                  }                     serializeObj[.name]=                 
          storageFile =JSON.parse(window.localStorage.getItem('demo'         $.each(storageFile,              $('#demoForm').find('[name="'+i+'"]'  
         $('#demoForm').find('[type="submit"]').on('click',               data = $('#demoForm'             window.localStorage.setItem('demo'                 })(jQuery)

html 代码:

 
 
 
     
     
     
     Document
 
 
     
         姓名
         年龄
         学号
         地址
         爱好
         其他
         
     
 
 

这样,一个简单的展示localstorage 的 demo就实现了

2 sessionStorage

sessionStorage用法与localStorage用法相同,不过sessionStorage在浏览器关闭网站时候就会清除,而localStorage会一直保存至浏览器中,二者酌情配合使用。

3 本地数据库

熟悉IOS/Android开发的同学,应该会对SQLite数据库比较熟悉

html5中对数据库的操作比较简单,主要有openDatabase方法和transaction方法

用一个对象db来接收openDatabase创建的访问数据库的对象

  db = openDatabase(databasename,version,description,size)

其中

databasename:数据库名

version:数据库版本 可不填

desription:数据库描述

size:数据库分配空间大小

 

transaction方法用一个回调函数作为参数,在函数中执行具体的访问数据库的方法

 db.transaction(     tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)
 });

executeSql方法的四个参数分别是:

  • sqlQuery:需要具体执行的sql语句,create||select||update||delete;
  • [value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;
  • dataHandler:执行成功回调函数;
  • errorHandler:执行失败回调函数;

 

http://www.bkjia.com/HTML5/767245.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/767245.htmlTechArticlehtml5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有...

本文源自: 凯发娱乐

上一篇:Html5实现iPhone开机界面示例代码

下一篇:没有了

互联网技术

联系我们