电竞比分网-中国电竞赛事及体育赛事平台

分享

本地存儲 web storage

 融水公子 2018-09-01
本地存儲 web storage
客戶端存儲數(shù)據(jù)
sessionStorage臨時保存
sessionStorage.settime('key','value');
sessionStorage.key="value";

臨時讀取:
變量=sessionStorage.getItem('key');
sessionStorage.key

html5部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>本地存儲</title>
<script type="text/javascript" src="本地存儲.js"></script>
</head>
<body>
<h1>webStorage本地存儲</h1>
<p id="msg"></p>
<input type="text" id="input">
<input type="button" value="保存數(shù)據(jù)" onclick="saveStorage('input');">
<input type="button" value="讀取數(shù)據(jù)" onclick="loadStorage('msg');">
</body>
</html>

javascript部分:

function saveStorage(id) {
var target=document.getElementById(id);
var str=target.value; /*str用于保存那邊傳遞的數(shù)據(jù)*/
sessionStorage.setItem("mess",str); /*開始保存那邊傳遞的數(shù)據(jù)*/
}

function loadStorage(id) {
var target=document.getElementById(id);
var msg=sessionStorage.getItem("mess");
target.innerHTML=msg;
}
 
 

分享知識,分享快樂!希望中國站在編程之巔!

               ----

公眾微信號:rsgz520

360圖書館館號:rsgz002.360doc.com

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多