Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion über die lokale Speicherung von localStorage

零下一度
Freigeben: 2017-06-24 14:38:49
Original
3120 Leute haben es durchsucht

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>
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!