html中臨時存儲相關的存入,讀取,清除,自動加載方法

前言

不寫廢話了,就直接寫代碼吧!最近一直在做前端的東西,而且都是基礎的,可能是以前的基礎不夠紮實,總是遇到各種問題。這篇主要寫一下瀏覽器的臨時存儲

正文

存入

<scrip>
	//數據存入
    localStorage.setItem('username', admin);
	localStorage.setItem('password', 123);
</scrip>

讀取

<scrip>
//自動加載方法
	window.onload = function(){
		//配置文件中的url
		urlLoad();
		//讀取存入的數據,username,password
			var userName = localStorage.getItem("username");
			var passWord = localStorage.getItem("password");
			//打印出緩存數據
			alert(userName,passWord);
	     };
</scrip>

清除緩存數據

<scrip>
//關閉當前窗口清除緩存數據,此方法是關閉窗口時調用的
window.onbeforeunload = function(){
	//清除緩存數據
	 localStorage.clear();
}
</scrip>

結尾

不斷積累吧,前端太菜了,基礎的東西還差的很多。努力!!!

發佈了100 篇原創文章 · 獲贊 10 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章