Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS localStorage : Démo HTML5

Mise à jour : 2017-08-30
Cette fonctionnalité vient en renfort du mécanisme des cookies en étendant leur fonctionnement.
Elle est la version persistente de sessionStorage.

Les méthodes

Notes sur le tuto


Exemple de code HTML5

<script>
	function set() {
		key = document.forms["editor"].key.value;
		data = document.forms["editor"].data.value;
		localStorage.setItem(key, data);
		document.forms["editor"].data.value = "";
	}
	function get() {
		key = document.forms["editor"].key.value;
		document.forms["editor"].data.value = localStorage.getItem(key);
	}
</script>
<form name="editor">
	<textarea onclick="this.value=''"
		name="data" rows=3 cols=50>Saisissez le texte à sauver...
	</textarea><br>
	<br>
	Clé :
	<input name="key">
	<input type="button" value="Sauver" onclick="set()">
	<input type="button" value="Relire" onclick="get()">
</form>

Démonstration du résultat HTML5




Clé :

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isItemSupported("window.localStorage")</script>		

Can I Use namevalue-storage? Data on support for the namevalue-storage feature across the major browsers from caniuse.com.