如何将选定的字体大小保存到 localStorage答案

【问题标题】：How to save selected font size to localStorage如何将选定的字体大小保存到 localStorage
【发布时间】：2017-08-12 02:24:03
【问题描述】：

我设置了 3 个按钮来更改网页的字体大小。我正在努力弄清楚如何保存选择，以便它适用于所有页面，而不必每次加载页面时都单击按钮。

这是我的按钮的样子

    $("#small").click(function(){
    $("p").animate({"font-size":"1em"});
    $("h1").animate({"font-size":"3em"});
    $("h2").animate({"font-size":"1.5em"});
    $("h3").animate({"font-size":" 1.25em"});
    }
    );


    $("#medium").click(function(){
    $("p").animate({"font-size":"1.5em"});
    $("h1").animate({"font-size":"3.5em"});
    $("h2").animate({"font-size":"2em"});
    $("h3").animate({"font-size":" 1.75em"});
    }
    );

    $("#large").click(function(){
    $("p").animate({"font-size":"2em"});
    $("h1").animate({"font-size":"4em"});
    $("h2").animate({"font-size":"2.5em"});
    $("h3").animate({"font-size":" 2.25em"});
    }
    );

我正在尝试使用 localStorage 来保存选择，但我不知道如何让它工作...我搜索了 stackoverflow 我找到了类似的问题，但没有找到我正在寻找的答案为了。

我猜我问了一个类似的问题，但我仔细看了一遍，并没有真正看到它是如何应用的。我可以像这样在每个项目上使用 localStorage.setItem 吗？

     $("#large").click(function(){
    localStorage.setItem($("p").animate({"font-size":"2em"}));
    );

编辑：不，这根本不起作用。

【问题讨论】：

您是否希望保存 p、h1、h2 和 h3 标签的尺寸，并在其他页面上重新使用这些尺寸？
Storing Objects in HTML5 localStorage的可能重复
是的，基本上我想保存每个按钮所做的所有更改。

标签： jquery local-storage font-size

【解决方案1】：

好吧，我放弃了一切，重新开始，想出了一些更简单的东西，可以按照我想要的方式工作。我太笨了，无法弄清楚如何删除这个问题，因为我觉得问起来很愚蠢，但这就是我所做的。它看起来像这样。

    $("#small").on("click", 
    function(){
    localStorage.setItem("fontSize", "1");
    window.location.reload();
    }
    );

    $("#medium").on("click", 
    function(){
    localStorage.setItem("fontSize", "2");
    window.location.reload();
    }
    );

    $("#large").on("click", 
    function(){
    localStorage.setItem("fontSize", "3");
    window.location.reload();
    }
    );

    if (localStorage.fontSize === "1") {
    $("body").css("font-size", "12px");
    }

    if (localStorage.fontSize === "2") {
    $("body").css("font-size", "18px");
    }

    if (localStorage.fontSize === "3") {
    $("body").css("font-size", "24px");
    }

我的 if 语句没有嵌套，因为当我尝试嵌套它们时，控制台中不断出现错误。所以见鬼去吧，今天这让我很沮丧！

【讨论】：