HTML 5 Web storage and htmlweb Storage

Source: Internet
Author: User
Tags website performance sessionstorage

HTML 5 Web storage and htmlweb Storage
Store data on the client

HTML5 provides two new methods to store data on the client:

  • LocalStorage-data storage with no time limit
  • SessionStorage-data storage for a session

Previously, these are all completed by cookies. However, cookies are not suitable for storing a large amount of data because they are transmitted by each request to the server, which makes the cookie speed slow and inefficient.

In HTML5, data is transmitted not by each server request, but only by the request. It makes it possible to store a large amount of data without affecting the website performance.

For different websites, data is stored in different regions, and a website can only access its own data.

HTML5 uses JavaScript to store and access data.

LocalStorage Method

There is no time limit on the data stored by the localStorage method. Data is still available on the second day, the second week, or after the next year.

How to create and access localStorage:

<!DOCTYPE HTML>

The following example calculates the number of times a user accesses a page:

<! Doctype html> 

 

SessionStorage Method

The sessionStorage method stores data for a session. When the user closes the browser window, the data will be deleted.

How to create and access a sessionStorage:

<!DOCTYPE HTML>

The following example calculates the number of times a user accesses a page in the current session:

<! Doctype html> 

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.