HTML5 localStorage lưu dữ liệu chuỗi trong trình duyệt và kéo dài ngoài phiên hiện tại. localStorage lưu trữ dữ liệu mà không hết hạn, trong khi sessionStorage chỉ giới hạn trong phiên. Khi trình duyệt bị đóng, phiên sẽ bị mất.
Local Storage được thiết kế để lưu trữ trên nhiều cửa sổ và kéo dài ngoài phiên hiện tại. Cụ thể, các ứng dụng Web có thể muốn lưu trữ megabyte dữ liệu người dùng, chẳng hạn như toàn bộ tài liệu do người dùng tạo hoặc hộp thư của người dùng, ở phía máy khách vì lý do hiệu suất.
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với HTML5 localStorage
Ví dụ
<!DOCTYPE HTML>
<html>
<body>
<script type = "text/javascript">
if( localStorage.hits ){
localStorage.hits = Number(localStorage.hits) +1;
}else{
localStorage.hits = 1;
}
document.write("Total Hits on the website:" + localStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html>