localStorage sessionStorage

發(fā)布時(shí)間：2020-07-11 20:02:20 來源：網(wǎng)絡(luò) 閱讀：483 作者：WarmDoll 欄目：開發(fā)技術(shù)

localStorage存儲(chǔ)在本地關(guān)閉瀏覽器后還存在 sessionStorage關(guān)閉瀏覽器后不再存在

<!DOCTYPE html>
<html>
<head>
<meta content="text/html" http-equiv="content-type" charset="utf-8"/>
<body>

<div id="result"></div>
<script>
if(typeof(Storage)!=="undefined")
{
localStorage.lastname="Smith";
document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta content="text/html" http-equiv="content-type" charset="utf-8"/>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
{
if (sessionStorage.clickcount)
    {
    sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;
    }
else
    {
    sessionStorage.clickcount=1;
    }
document.getElementById("result").innerHTML="You have clicked the button " + sessionStorage.clickcount + " time(s) in this session.";
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button type="button">Click me!</button></p>
<div id="result"></div>
<p>Click the button to see the counter increase.</p>
<p>Close the browser tab (or window), and try again, and the counter is reset.</p>
</body>
</html>

向AI問一下細(xì)節(jié)

localStorage sessionStorage

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽