web storage trong html5

http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     Web Storage (Kho lưu Web) HTML5 HTML5 giới thiệu hai kỹ thuật, tương tự HTTP Cookie, để lưu giữ liệu cấu trúc Client-Side để khắc phục nhược điểm sau: • Các Cookie bao gồm với Yêu cầu HTTP (HTTP request), làm chậm trình duyệt web bạn việc truyền tải liệu giống • Các Cookie bao gồm với Yêu cầu HTTP (HTTP request), gửi liệu khơng mật mã hóa qua Internet (khơng có tính bảo mật) • Các Cookie bị giới hạn khoảng KB liệu Không đủ để lưu giữ liệu cần thiết Có hai nơi lưu giữ session storage local storage chúng sử dụng để giải tình khác Các phiên trình duyệt hỗ trợ HTML5 Storage bao gồm IE Session Storage Session Storage lưu giữ liệu cho phiên làm việc nhất, thực nhiều cơng việc cửa sổ khác thời điểm Ví dụ Ví dụ, người sử dụng mua vé máy bay hai cửa sổ khác nhau, sử dụng site Nếu site sử dụng Cookie để theo dõi vé người sử dụng mua, đó, người sử dụng click từ trang sang trang khác hai cửa sổ, vé mua “leak – rò rỉ” từ cửa sổ sang cửa sổ khác, nguyên nhân người sử dụng mua hai vé cho chuyến bay mà không thực ý HTML5 giới thiệu thuộc tính sessionStorage mà sử dụng site để thêm liệu tới Session Storage, truy cập tới trang từ site dược mở phiên cửa sổ sau bạn đóng cửa sổ, phiên bị thất lạc Sau code mà thiết lập biến session truy cập biến đó: if( sessionStorage.hits ){ sessionStorage.hits = Number(sessionStorage.hits) +1; }else{ sessionStorage.hits = 1; } document.write("Total Hits :" + sessionStorage.hits ); http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com    

Refresh the page to increase number of hits.

Close the window and open it again and check the result.

Nó cho kết sau: Local Storage Local Storage thiết kế để lưu giữ liệu khơng thời hạn Dữ liệu lưu trữ đóng trang web trình duyệt, tùy thuộc vào giá trị thiết lập dung lượng lưu trữ cho trình duyệt người dùng Một lần nữa, Cookie khơng xử lý tình huốn tốt, chúng truyền tải với request Ví dụ HTML5 giới thiệu thuộc tính localStorage mà sử dụng để truy cập khu vực lưu giữ nội trang mà không giới hạn thời gian nơi lưu giữ nội có sẵn bạn sử dụng trang Sau code mà thiết lập biến local storage truy cập biến trang truy cập, bạn mở cửa sổ: localStorage.hits );

Refresh the page to increase number of hits.

Close the window and open it again and check the result.

Nó cho kết sau: Xóa Web Storage Lưu giữ liệu nhạy thiết bị nội nguy hiểm để lại lỗ hổng bảo mật Dữ liệu Session Storage xóa trình duyệt sau phiên kết thúc Để xóa Local Storage bạn cần gọi localStorage.remove('key'); "key" khóa giá trị bạn muốn gỡ bỏ Nếu bạn muốn xóa tất thiết lập, bạn cần gọi phương thức: localStorage.clear() http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     if http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     Sau code mà xóa tồn nơi Local Storage: = 1; } document.write("Total Hits :" + localStorage.hits ); Nó cho kết sau: Total Hits :1Total Hits :1 Refreshing the page would not to increase hit counter Close the window and open it again and check the result   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     lo ... sau: Xóa Web Storage Lưu giữ liệu nhạy thiết bị nội nguy hiểm để lại lỗ hổng bảo mật Dữ liệu Session Storage xóa trình duyệt sau phiên kết thúc Để xóa Local Storage bạn cần gọi localStorage.remove('key');... the result.

Nó cho kết sau: Local Storage Local Storage thiết kế để lưu giữ liệu khơng thời hạn Dữ liệu lưu trữ đóng trang web trình duyệt, tùy thuộc vào giá trị thiết lập dung... trang Sau code mà thiết lập biến local storage truy cập biến trang truy cập, bạn mở cửa sổ: localStorage.hits );

Refresh