localStorage H5本地存儲

本文轉載自查看原文 2017-12-22 02:35 998 js/jquery

域內安全、永久保存。即客戶端或瀏覽器中來自同一域名的所有頁面都可訪問localStorage數據且數據除了刪除否則永久保存，但客戶端或瀏覽器之間的數據相互獨立。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    
    localStorage.setItem("coffeeType", "mocha");     //存儲
    var data = localStorage.getItem("coffeeType");   //讀取
    console.log(data);

    localStorage.removeItem("coffeeType");           //刪除
    var data2 = localStorage.getItem("coffeeType");   //讀取
    console.log(data2);

    localStorage.clear();      //清空保存的所有數據

    localStorage.setItem("haha", "123");     //存儲

</script>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button onclick="read();">讀取</button>
</body>
</html>
<script type="text/javascript">
    
    

    function read(){
        var data = localStorage.getItem("haha");   //讀取
        alert(data);
    }

    

</script>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 h5 localStorage本地存儲 H5本地存儲sessionStorage和localStorage的區別利用H5本地存儲localStorage、sessionStorage react native 使用什么本地存儲（asyncStorage 或者 H5的LocalStorage） H5 - 本地數據存儲 - localStorage.setItem H5 本地存儲 localstorage封裝 - store.js H5存儲------localStorage和sessionStorage H5的本地存儲 h5的本地存儲 H5本地存儲詳細使用教程（localStorage + JSON數據存儲應用框架）