console
$("#addCount").click(function() {
if (typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
$("#result").html("目前localStorage的值為 " + (typeof(localStorage.clickcount) == "undefined" ? 0 : Number(localStorage.clickcount)));
} else {
alert("此浏览器不支持Web Storage");
}
});
$("#result").html("目前localStorage的值為 " + (typeof(localStorage.clickcount) == "undefined" ? 0 : Number(localStorage.clickcount)));
$("input#removeOne").click(function() {
if (typeof(Storage) !== "undefined") {
localStorage.removeItem("clickcount");
$("div#result").html("目前localStorage的值為 " + (typeof(localStorage.clickcount) == "undefined" ? 0 : Number(localStorage.clickcount)));
} else {
alert("此瀏覽器不支援Web Storage");
}
});
$("input#clearAll").click(function() {
if (typeof(Storage) !== "undefined") {
localStorage.clear();
$("div#result").html("目前localStorage的值為 " + (typeof(localStorage.clickcount) == "undefined" ? 0 : Number(localStorage.clickcount)));
} else {
alert("此瀏覽器不支援Web Storage");
}
});
<input type="button" value="加1" id="addCount" />
<input type="button" value="remove单个localStorage" id="removeOne" />
<input type="button" value="清除所有localStorage" id="clearAll" />
<div id="result">fghj</div>
input {
background: #eee;
border: #ccc 1px solid;
padding: 15px;
margin: 5px;
outline: none;
cursor:pointer;
&:hover {
background: #fff;
}
}