在不与后台连接的情况下制作的阅读量（web存储：localStorage)

Nanshan south

于 2019-06-14 13:35:39 发布

阅读量140

点赞数

客户端储存的数据：

localStorage-用于长久保存整个网站的数据，保存的数据需要手动删除，没有过期时间

sessionStorage-用于临时保存在同一窗口下，关闭窗口，数据自行删除。

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阅读存储</title>
</head>
<body onload="clickCounter()">
<div id="result"></div>
</body>
<script>
    function clickCounter() {
        if (typeof(Storage) !== "undefined") {
            if (localStorage.clickcount) {
                localStorage.clickcount = Number(localStorage.clickcount) + 1;
            }
            else {
                localStorage.clickcount = 1;
            }
            document.getElementById("result").innerHTML = " 阅读量：" + localStorage.clickcount;
        }
        else {
            document.getElementById("result").innerHTML = "对不起，您的浏览器不支持 web 存储。";
        }
    }
</script>
</html>

Nanshan south

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在不与后台连接的情况下制作的阅读量（web存储：localStorage)

客户端储存的数据：localStorage-用于长久保存整个网站的数据，保存的数据需要手动删除，没有过期时间sessionStorage-用于临时保存在同一窗口下，关闭窗口，数据自行删除。完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
复制链接

扫一扫