HTML5新标签web存储

HTML5提供了两种在客户端存储数据的新方法：localStorag-没有时间限制的数据存储sssionStorag-针对一个sssion的数据存储

（之前，这些都是由cooki完成的。但是cooki不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cooki速度很慢而且效率也不高。）

在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

第一种：localStorag方法localStorag方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

代码：

!DOCTYPEHTMLhtmlbodyscripttyp="txt/JavaScript"localStorag.lastnam="Smith";/**/documnt.writ("Lastnam:"+localStorag.lastnam);

/**//script/body/html

效果：（在i上不显示，在火狐和猎豹上运行良好）

代码：

!DOCTYPEHTMLhtmlbodyscripttyp="txt/JavaScript"/*访问页面的次数*//*如果不是第一次的话那么就转入到第一次的情况的*//*如果第一次已经访问完了，那么就会在第一次的基础上加1*/if(localStorag.pagcount){localStorag.pagcount=Numbr(localStorag.pagcount)+1;}ls{localStorag.pagcount=1;}documnt.writ("Visits"+localStorag.pagcount+"tim(s).");/script

p刷新页面会看到计数器在增长。/pp请关闭浏览器窗口，然后再试一次，计数器会继续计数。/p

/body/html

效果：（在i上不显示，在火狐和猎豹上运行良好）

sssionStorag方法sssionStorag方法针对一个sssion进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

代码：

!DOCTYPEHTMLhtmlbodyscripttyp="txt/JavaScript"sssionStorag.lastnam="Smith";documnt.writ(sssionStorag.lastnam);

/script

/body/html

效果：（在i上不显示，在火狐和猎豹上运行良好）

代码：

!DOCTYPEHTMLhtmlbodyscripttyp="txt/JavaScript"if(sssionStorag.pagcount){sssionStorag.pagcount=Numbr(sssionStorag.pagcount)+1;}ls{sssionStorag.pagcount=1;}documnt.writ("Visits"+sssionStorag.pagcount+"tim(s)thissssion.");

/script

p刷新页面会看到计数器在增长。/pp请关闭浏览器窗口，然后再试一次，计数器已经重置了。/p

/body/html

效果：（在i上不显示，在火狐和猎豹上运行良好）

localStorag-没有限制，不可清零sssionStorag-可清零

转载请注明：http://www.guyukameng.com/php/php/1834.html