国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泰州市| 木兰县| 黄大仙区| 大石桥市| 磐石市| 沁水县| 敦煌市| 乌兰浩特市| 仙桃市| 松溪县| 无锡市| 黔西县| 盐边县| 古田县| 泗水县| 长治市| 崇仁县| 宁德市| 通州市| 涿鹿县| 南岸区| 漯河市| 连云港市| 上蔡县| 长白| 万年县| 开封市| 个旧市| 蒙山县| 灵山县| 嘉义县| 闸北区| 大丰市| 乌鲁木齐县| 泗洪县| 德格县| 图木舒克市| 兰考县| 延寿县| 安徽省| 延寿县|