javascript - 如何在 JavaScript(客户端)端创建类似 PHP session 的页面访问计数

Question

是否可以像 PHP 一样但在 JavaScript 中创建页面查看/访问的 session 数？

$_SESSION['views'] = 0;

即使用户退出页面并再次返回，是否可以跟踪号码？

Answer 1

您可以使用 Cookie。访问时获取 cookie 并将其加 1。如果不存在，则将其设置为 1

示例:

<p id="yolo"> </p>

<script>
    var numberOfVisits = function getCookie('numberOfVisits');

    if (numberOfVisits == "")
    {
        setcookie('numberOfVisits', 1, 100);
    }
    else
    {
        numberOfVisits++;
        setcookie('numberOfVisits', numberOfVisits, 100);
    }

    document.getElementById('yolo').innerHTML = getCookie('numberOfVisits');

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function setcookie(name, value, days)
    {
        if (days)
        {
            var date = new Date();
            date.setTime(date.getTime()+days*24*60*60*1000);
            var expires = "; expires=" + date.toGMTString();
        }
        else
        {
            var expires = "";
        }
        document.cookie = name+"=" + value+expires + ";path=/";added
    }
</script>