国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

HTML5學習筆記17-Web存儲

2024-04-27 15:10:57
字體:
來源:轉載
供稿:網友

1、web存儲數據的兩種方式

localStorage-沒有時間限制的數據存儲sessionStorage-針對一個session的數據存儲(頁面關閉時清楚數據)與cookie對比:cookie不適合做大量數據的存儲,速度慢且效率不高。

2、localStorage

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <textarea style="width: 200px;height: 200px" id="mytxt"></textarea>    <button id="mybtn">保存</button>    <script>        var mytxt;        var mybtn;        window.onload=function () {            mytxt=document.getElementById("mytxt");            if(localStorage.text){                //不為空時                mytxt.value=localStorage.text;            }            mybtn=document.getElementById("mybtn");            mybtn.onclick=function(){                //alert(mytxt.value);                localStorage.text=mytxt.value;            }        }    </script></body></html>

3、sessionStorage

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <span id="txt">0</span>    <button id="mybtn">Add</button>    <script>        var myspan;        var mybtn;        var num=0;        window.onload=function () {            myspan=document.getElementById("txt");            mybtn=document.getElementById("mybtn");            if(sessionStorage.num){                num=sessionStorage.num;                showNum();            }else{                num=0;            }            mybtn.onclick=function () {                num++;                sessionStorage.num=num;                showNum();            }        }        function showNum(){            myspan.innerHTML=num;        }    </script></body></html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武鸣县| 西安市| 普格县| 洪江市| 江安县| 南澳县| 通化市| 灵台县| 崇阳县| 增城市| 雅安市| 绵竹市| 古丈县| 寿光市| 乐平市| 乌兰察布市| 竹北市| 古田县| 偏关县| 阳信县| 馆陶县| 黄陵县| 上饶县| 会理县| 司法| 枝江市| 北川| 德保县| 大厂| 锦州市| 长沙县| 屯昌县| 南江县| 雅安市| 襄城县| 屯留县| 开封市| 崇阳县| 成都市| 合水县| 商都县|