suchen

Heim >Web-Frontend >js-Tutorial >Eine kurze Diskussion über die lokale Speicherung von localStorage

Eine kurze Diskussion über die lokale Speicherung von localStorage

零下一度
零下一度Original
2017-06-24 14:38:493170Durchsuche

Wenn wir beim Erstellen von Seiten lokalen Speicher verwenden, werden wir heute über den lokalen Speicher von localStorage sprechen.

1. localStorage.name="Laowang" //Die erste Methode zum Einrichten des lokalen Datenspeichers localStorage

2. ); //Die zweite Methode zum Einrichten des lokalen Datenspeichers

3.localStorage.removeItem("name"); / Lokale Daten abrufen

localStorage.getItem("set") //Eine andere Möglichkeit, lokale Daten abzurufen


5 localStorage.key(0) //Erhalte die Summe der Werte in den Klammern von der Name der zuvor gespeicherten Daten. Die Arrays sind gleich

6. localStorage.clear() //Alle lokal gespeicherten Daten löschen

7. 'name':'Xiao Li', 'age':'1314'}") //Im JSON-Format speichern, 1. Anzahl der Elemente speichern 2. Einfach zu extrahieren

8. var price=localStorage .getItem("set1") // Die gespeicherten lokalen Daten abrufen

obj=eval('('+price+')') //JSON-Formatzeichenfolge in Objekt konvertieren

warning(obj.age) //Aufruf der Wert

Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    localStorage.name="杜人龙";
    localStorage.name="小花"; //第一种设置本地数据的方法
    localStorage.setItem("set","小菊"); //第二种设置本地数据的方法
    localStorage.setItem("set1","{&#39;name&#39;:&#39;小李&#39;,&#39;age&#39;:&#39;1314&#39;}") //保存为json格式
    localStorage.removeItem("name"); //删除本地存储数据
    alert(localStorage.name) //获取本地数据
    alert(localStorage.getItem("set"))  //另一种获取本地数据的方法

    alert(localStorage.key(0)) //获取前面保存数据的名称 括号中的数值和数组相同

    var price=localStorage.getItem("set1")
    obj=eval(&#39;(&#39;+price+&#39;)&#39;)
    alert(obj.age)
    localStorage.clear()  //清楚本地所有数据


</script>
</body>
</html>
Lagerort

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die lokale Speicherung von localStorage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiel-Tutorial zur Trennung von Front-End und BackendNächster Artikel：Beispiel-Tutorial zur Trennung von Front-End und Backend

In Verbindung stehende Artikel

Mehr sehen