Javascript 重新加载后字体大小更改

在我点击A+或A-后，它工作得很好，但问题是在加载页面或点击页面上的某个链接后，它会恢复正常

我需要它来保持大小，即使在点击一些链接

谢谢你的帮助

代码如下：

函数递增字体（）{
var currentFontSizeH1=$（'h1'）.css（'font-size'）；//36
var currentFontSizeNumH1=parseFloat（currentFontSizeH1，5）；
var currentFontSizeNumH1=currentFontSizeNumH1+1.5；
$（'h1'）.css（'font-size'，currentFontSizeNumH1）；
var deccurrentFontSize=$（'body'）.css（'font-size'）；//14
var decurrentFontSizeNum=parseFloat（decurrentFontSize，10）；
var decnewFontSize=deccurrentFontSizeNum*1.2；
$（'body'）.css（'font-size'，decnewFontSize）；
$（'body'）.css（'font-size'，decnewFontSize）；
$（'p'）.css（'font-size'，decnewFontSize）；
$（'span'）.css（'font-size'，decnewFontSize）；
$（'li'）.css（'font-size'，decnewFontSize）；
$（'h2'）.css（'font-size'，decnewFontSize）；
$（'a'）.css（'font-size'，decnewFontSize）；
返回false；
}
函数decreaseFont（）{
var currentFontSizeH1=$（'h1'）.css（'font-size'）；
var currentFontSizeNumH1=parseFloat（currentFontSizeH1，5）；
var currentFontSizeNumH1=currentFontSizeNumH1-1.5；
$（'h1'）.css（'font-size'，currentFontSizeNumH1）；
var deccurrentFontSize=$（'body'）.css（'font-size'）；
var decurrentFontSizeNum=parseFloat（decurrentFontSize，10）；
var decnewFontSize=decurrentFontSizeNum/1.2；
$（'body'）.css（'font-size'，decnewFontSize）；
$（'p'）.css（'font-size'，decnewFontSize）；
$（'span'）.css（'font-size'，decnewFontSize）；
$（'li'）.css（'font-size'，decnewFontSize）；
$（'h2'）.css（'font-size'，decnewFontSize）；
$（'a'）.css（'font-size'，decnewFontSize）；
返回false；
}

h1{
字体大小：36px；
线高：42px；
颜色：#007ea6；
}
身体{
保证金：0；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：14px；
线高：21px；
颜色：#333333；
背景色：#ffffff；
}
….

---

您可以将大小保存在Window.sessionStorage的变量中

// Save data to sessionStorage
sessionStorage.setItem('fontSize', value);

// Get saved data from sessionStorage
var size = sessionStorage.getItem('fontSize');

---

页面会话结束时，存储在sessionStorage中的数据将被清除。只要浏览器处于打开状态，页面会话就会持续，并且在页面重新加载和恢复过程中仍然有效。在新选项卡或窗口中打开页面将导致启动新会话。

如果要保留该会话，必须将其保存。为了实现这一点，您可以像

localStorage.setItem("fontSize", yourFontSize);

您可以像这样将值加载到$（document）.ready（）中

$( document ).ready(function() {
    var fontSize = localStorage.getItem("fontSize");
}

---

Localstorage也是一个选项，但较旧的浏览器不支持：

if(typeof(Storage) !== "undefined") {
    // Set the value
    localStorage.setItem("fontSize", fontSize);

    // Get the value
    var fontSize = localStorage.getItem("fontSize");
} else {
    // Sorry! No Web Storage support..
}

---

或者，您可以使用Cookies。

您可以发布更清晰的代码吗？那看起来像是高尔夫密码上的一些埃索朗答案谢谢。我可以问一下LocalStorage和sessionStorage之间的区别吗唯一的区别是，虽然LocalStorage中存储的数据没有过期时间，但当浏览会话结束时（即浏览器关闭时），sessionStorage中存储的数据将被清除。