jquery - 将字体大小保存到 session 中

Question

我有一个用于辅助功能的字体大小功能，如何将字体大小保存到 session 中，以便用户导航到新页面时恢复字体大小？

这是我用来建立字体大小函数的 fiddle : http://jsfiddle.net/R3NGU/7/

JQUERY:

var defaultFontSize = $('html').css('font-size');

        $(".resetFont").click(function () {
            $('html').css('font-size', defaultFontSize);
        });

        $(".increaseFont").click(function () {
            var fontSize = getFontSize();
            var newFontSize = fontSize + 1;
            setFontSize(newFontSize);
            return false;
        });

        $(".decreaseFont").click(function () {
            var fontSize = getFontSize();
            var newFontSize = fontSize - 1;
            setFontSize(newFontSize);
            return false;
        });

        function getFontSize() {
            var currentSize = $("html").css("font-size");
            var currentSizeNumber = parseFloat(currentSize, 12);
            if (currentSizeNumber > 24) {
                currentSizeNumber = 24;
            }
            if (currentSizeNumber < 10) {
                currentSizeNumber = 10;
            }
            return currentSizeNumber;
        }

        function setFontSize(size) {
            $("html").css("font-size", size);
            $(".actualSize").html(size);
        }

Answer 1

您应该使用 cookie，因为 session 变量是服务器端的:

设置 cookie:

document.cookie = "fontSize=" + getFontSize();

获取cookie:

var cookies = document.cookies;

以上示例的更多信息和来源可以在 here 中找到。 .

具有 cookie 功能的 fiddle 可用 here