css:
*
.box
.contentk
.contentk>div
.contentk>input
.contentk>input::-webkit-input-placeholder
.aging
.aging>div:nth-child(2)
label
.btn,.btn1
html:
class
="box"
>
class
="contentk"
>
>
名字:div
>
type
="text"
class
="name"
placeholder
="請輸入你的名稱"
/>
div>
class
="contentk"
>
>
備註:div
>
type
="text"
class
="note"
placeholder
="請輸入你要備註的內容"
/>
div>
class
="aging"
>
>
請選擇儲存時長:div
>
>
>
>
1分鐘span
>
type
="radio"
name
="storage"
value
="1分鐘"
/>
label
>
>
>
1小時span
>
type
="radio"
name
="storage"
value
="1小時"
/>
label
>
>
>
24小時span
>
type
="radio"
name
="storage"
value
="24小時"
/>
label
>
>
>
1周span
>
type
="radio"
name
="storage"
value
="1周"
/>
label
>
div>
div>
type
="button"
class
="btn"
value
="儲存"
/>
type
="button"
class
="btn1"
value
="獲取儲存資料"
/>
div>
js:
//儲存資料$(
".btn").
click
(function()
var data=
set(
'test'
,data)
;alert
("儲存成功");
})function
set(key,value)z/,
''); localstorage.
setitem
(key,
json
.stringify()
);}//獲取資料$(
".btn1").
click
(function()
var time=data.time;
var radiovalue=data.data.radiovalue;
var st="";
if(radiovalue==
"1分鐘"
)else
if(radiovalue==
"1小時"
)else
if(radiovalue==
"24小時"
)else
if(radiovalue==
"1周")if
(new
date()
.gettime()
- time>st)
elsez/,
'');$
(".box").
after
(`名字:
$備註:
$儲存時長:$$
$`)}
})
mysql時效性 時效性 Fatesinger
技術文章一般都有一定的時效性,現在技術更新如此之快,而且有些是不向前相容的,所有一些較老的文章可能讓我們走許多彎路。最近我就親自感受了一下。問題是這篇文章實在是太老了,連brew的安裝方法都改變了,其他的東西可想而知,期間踩了無數的坑,最後還是提著電腦再酒廊安安心心的搞了1個多小時才搞定,要知道之前...
本地快取localstorage
cookie,localstorage,sessionstorage都可以實現客戶端儲存,三者的區別有哪些了?cookie作為最早期的被設計web瀏覽器儲存少量資料,從底層看,它是作為http協議的一種擴充套件實現。cookie資料會自動在web瀏覽器和web伺服器之間傳輸資料。cookie有效期 ...
訪問資料localstorage
存 localstorage.setitem msg json.stringify this.resourcelists localstorage.setitem chosedresourceids json.stringify this.chosedids 取 var msg localstora...