Javascript 如何在页面刷新或再次打开页面后始终保持150%的字体大小？

我创建了两个按钮，允许用户更改我网页中文本的字体大小。这很好，但在刷新或重新打开网页后，字体大小始终恢复到正常大小。那么，如何在页面刷新或重新打开后始终保持150%的字体大小呢？ 以下是我的jQuery代码：

$(document).ready(function() {

$("#l").click(function() {

    $("p").css("font-size","150%");

});

$("#n").click(function() {

    $("p").css("font-size","100%");

})

}))

您可以使用-（）保存表示当前

fontSize

的字符串，然后在页面加载时将其取回

通过JS保存到本地存储：

localStorage.setItem("fontSize", 15);

取回

$(document).ready(function() {
    var fontSize = localStorage.getItem("fontSize");
    //rest of code here to set the font size based on fontSize value
});

---

已经有人提到要使用

localStorage

（+1@Nicholas），但由于我已经准备好使用JSFIDLE了，我想我还是把它包括进去吧。代码如下：

if (localStorage.fontSize)
{
    $('p').css('fontSize', localStorage.fontSize);
}

$("#m").click(function () {
    $("p").css("font-size", "150%");
    localStorage.fontSize = '150%';
});

$("#n").click(function () {
    $("p").css("font-size", "100%");
    localStorage.fontSize = '100%';
});

---

这是我的答案。运行几次，您将看到该值会传递。

将内容发送到服务器或设置cooke，以便直接从服务器输出设置正确字体大小的样式标记。