What is the meaning of web storage in html5

The meaning of web storage in HTML5 is to allow web pages to save some information on the user's computer. Using HTML5 can store the user's browsing data locally; web storage can be divided into local storage and session storage, which correspond to localStorage objects respectively. and sessionStorage objects; local storage is used to save website data for a long time, and session storage is used to temporarily save data for a window.

The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.

What is the meaning of web storage in html5

The web storage function of HTML5 allows web pages to save some information on the user's computer. Using HTML5 it is possible to store the user's browsing data locally.

Earlier, local storage used cookies. But Web storage needs to be more secure and fast. The data will not be saved on the server, but the data will only be used when the user requests website data. It can also store large amounts of data without affecting the performance of the website.

Data exists in key/value pairs, and the data of a web page can only be accessed and used by that web page.

Web storage is divided into two types:

(1) Local storage, corresponding to the localStorage object. Used to save website data for a long time, and the data can be accessed from any page in the site.

(2) Session storage, corresponding to sessionStorage object. Used to temporarily save data for a window (or tab). This data exists until the visitor closes the window or tab, and will be deleted by the browser after closing.

Similarities and differences between local storage and session storage

(1) The operation codes of local storage and session storage are exactly the same. The only difference between them is the lifespan of the data.

(2) Local storage is mainly used to save data that visitors can see in the future.

(3) Session storage is used to save data that needs to be passed from one page to the next page.

Web Storage Capacity Limit

Most browsers limit local storage to less than 5MB. This is related to the domain where the website is located.

Web storage usage examples

The following takes local storage (localStorage) as an example, and the session storage can be changed to the sessionStorage object.

(1) Saving and reading of text data localStorage.setItem("user_name","hangge.com");

var userName = localStorage.getItem("user_name");

(2) Saving and reading of numerical values ​​localStorage.setItem ("user_age",100);

var userAge = Number(localStorage.getItem("user_age"));

(3) Saving and reading date//Creating date object

var today = new Date();
//按照YYY/MM/DD的标准格式把日期转换成文本字符串，然后保存为文本
var todayString = today.getFullYear() + "/" + today.getMonth() + "/" + today.getDate();
localStorage.setItem("session_started", todayString);
//取得日期文本，并基于该文本创建新的日期对象
var newToday = new Date(localStorage.getItem("session_started"));
alert(newToday.getFullYear());

(Learning video sharing: css video tutorial , html video tutorial)

The above is the detailed content of What is the meaning of web storage in html5. For more information, please follow other related articles on the PHP Chinese website!