欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

html5中l(wèi)ocalStorage本地存儲的簡單使用

  發(fā)布時間：2017-06-16 09:04:31   作者：佚名   我要評論
我們在做頁面時會用到本地存儲的時候，今天說說localStorage本地存儲。感興趣的朋友一起學(xué)習(xí)吧

我們在做頁面時會用到本地存儲的時候，今天說說localStorage本地存儲。

1、localStorage.name="老王";      //第一種設(shè)置存儲本地數(shù)據(jù)的方法localStorage

2、localStorage.setItem("color","red");   //第二種設(shè)置存儲本地數(shù)據(jù)的方法

3、localStorage.removeItem("name"); //刪除本地存儲數(shù)據(jù)

4、localStorage.name　　　　　　 //獲取本地數(shù)據(jù)
　  localStorage.getItem("set")　　 //另一種獲取本地數(shù)據(jù)的方法

5　localStorage.key(0) //獲取前面保存數(shù)據(jù)的名稱 括號中的數(shù)值和數(shù)組相同

6、localStorage.clear() //清除所有本地存儲的數(shù)據(jù)

7、localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存為json格式,1、節(jié)省條數(shù) 2、提取方便

8、var price=localStorage.getItem("set1") // 獲取保存的本地數(shù)據(jù)
　　obj=eval('('+price+')') //將json格式字符串轉(zhuǎn)換為對象
　　alert(obj.age) //調(diào)用其中的值

代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    localStorage.name="杜人龍";
    localStorage.name="小花"; //第一種設(shè)置本地數(shù)據(jù)的方法
    localStorage.setItem("set","小菊"); //第二種設(shè)置本地數(shù)據(jù)的方法
    localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存為json格式
    localStorage.removeItem("name"); //刪除本地存儲數(shù)據(jù)
    alert(localStorage.name) //獲取本地數(shù)據(jù)
    alert(localStorage.getItem("set"))  //另一種獲取本地數(shù)據(jù)的方法
    alert(localStorage.key(0)) //獲取前面保存數(shù)據(jù)的名稱 括號中的數(shù)值和數(shù)組相同
    var price=localStorage.getItem("set1")
    obj=eval('('+price+')')
    alert(obj.age)
    localStorage.clear()  //清楚本地所有數(shù)據(jù)
</script>
</body>
</html>

存儲位置

以上所述是小編給大家介紹的html5中l(wèi)ocalStorage本地存儲的簡單使用，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • html5超簡單的localStorage實現(xiàn)記住密碼的功能實現(xiàn)

    這篇文章主要介紹了html5超簡單的localStorage實現(xiàn)記住密碼的功能實現(xiàn)，非常具有實用價值，需要的朋友可以參考下
    2017-09-07

  • HTML5 LocalStorage 本地存儲詳細概括（多圖）

    這篇文章主要介紹了HTML5 LocalStorage 本地存儲，給標簽元素添加屬性和瀏覽器兼容性都做了詳細概括，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一
    2017-08-18

  • html5 localStorage本地存儲_動力節(jié)點Java學(xué)院整理

    localStorage 即本地存儲，可用于長久保存整個網(wǎng)站的數(shù)據(jù)，保存的數(shù)據(jù)沒有過期時間，直到手動去除
    2017-07-06

  • html5的localstorage詳解

    localstorage在瀏覽器的API有兩個：localStorage和sessionStorage，存在于window對象中：localStorage對應(yīng)window.localStorage，sessionStorage對應(yīng)window.sessionStorage
    2017-05-09

  • HTML5 LocalStorage 本地存儲刷新值還在

    html5的兩種存儲技術(shù)的最大區(qū)別就是生命周期，接下來通過本文給大家分享HTML5 LocalStorage 本地存儲刷新值還在問題以及使用方法小結(jié)，需要的的朋友參考下本文吧
    2017-03-10

  • HTML5 localStorage使用總結(jié)

    在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作為本地存儲來使用的，解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間為4k)，localStorage
    2017-02-22

  • Html5中l(wèi)ocalStorage存儲JSON數(shù)據(jù)并讀取JSON數(shù)據(jù)的實現(xiàn)方法

    localStorage是HTML5提供的再客戶端實現(xiàn)本地存儲的一種方法，但是localStorage方法只能存儲字符串?dāng)?shù)據(jù)，有時候我們需要存儲對象到本地比如：JSON；那么，localStorage怎么
    2017-02-13

  • 詳解HTML5 LocalStorage 本地存儲

    本篇文章主要介紹了HTML5 LocalStorage 本地存儲 ，HTML5 storage提供了一種方式讓網(wǎng)站能夠把信息存儲到你本地的計算機上，并再以后需要的時候進行獲取。有興趣的可以了解
    2016-12-23

  • html5本地存儲 localStorage操作使用詳解

    這篇文章主要介紹了html5本地存儲 localStorage操作使用詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-09-20

  • HTML5 本地存儲 LocalStorage詳解

    下面小編就為大家?guī)硪黄狧TML5 本地存儲 LocalStorage詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-24

最新評論