将字体大小保存到会话

Question

我有一个可访问的字体大小功能，我如何将字体大小保存到会话中，以便用户在导航到新页面时恢复字体大小？

这是我用来作为字体大小函数基础的小提琴：http://jsfiddle.net/R3NGU/7/

查询：

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，因为会话变量是服务器端的：

设置 cookie：

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

获取 cookie：

var cookies = document.cookies;

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

带有 cookie 功能的小提琴可用here