Question

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

以下是我用来建立字体大小功能的小提琴：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

你应该使用cookies，因为会话变量是服务器端的：

设置Cookie：

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

获取cookie：

var cookies = document.cookies;

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

提供Cookie功能的小提琴here

将字体大小保存到会话

1 个答案: