spis
Web Storage
Plansza interaktywna
URL:
http://www.plotkarka.eu/Pi/webstorage/index.html
Autor:
Radosław Kowaluk
API
Interfejs Storage
Test obsługi
Testuj
<!DOCTYPE html> <html lang="pl"> <head> <title>Przykład 1</title> <meta charset="utf-8"/> </head> <body> <pre><script> if (Storage) { document.write("Web Storage dostępny") } else { document.write("Web Storage nie wspierany") } </script></pre> </body> </html>
Właściwości i metody sessionStorage
Obiekt sessionStorage
Testuj
<!DOCTYPE html> <html lang="pl"> <head> <title>Przykład 2</title> <meta charset="utf-8"/> </head> <body> <pre><script> sessionStorage.clear() document.writeln(sessionStorage.length) sessionStorage.setItem("x", "test") document.writeln(sessionStorage.getItem("x")) document.writeln(sessionStorage.key(0)) document.writeln(sessionStorage.length) sessionStorage.removeItem("x") document.writeln(sessionStorage.length) </script></pre> </body> </html>
Właściwości i metody localStorage
Obiekt localStorage
Testuj
<!DOCTYPE html> <html lang="pl"> <head> <title>Przykład 3</title> <meta charset="utf-8"/> </head> <body> <pre><script> localStorage.clear() document.writeln(localStorage.length) localStorage.setItem("x", "test") document.writeln(localStorage.getItem("x")) document.writeln(localStorage.key(0)) document.writeln(localStorage.length) localStorage.removeItem("x") document.writeln(localStorage.length) </script></pre> </body> </html>
Zdarzenia
Zdarzenia
Testuj
<!DOCTYPE html> <html lang="pl"> <head> <title>Przykład 4</title> <meta charset="utf-8"/> </head> <body><script> addEventListener("storage", function(event) { var k = event.key; var newValue = event.newValue; var oldValue = event.oldValue; var url = event.url; var storageArea = event.storageArea; document.writeln("key: " + k + ", newValue: " + newValue + ", oldValue: " + oldValue + ", url: " + url + ", storageArea: " + storageArea); refreshContents(); }) </script> </body> </html>
[WebStorage]
Web Storage
; W3C Recommendation 30 July 2013;
URL:
http://www.w3.org/TR/webstorage/
URL(pl):
http://www.plotkarka.eu/Pi/webstorage/Web Storage.htm