我创建了两个按钮,允许用户更改我网页中文本的字体大小。它工作得很好,但在刷新或重新打开页面后,字体大小总是恢复到正常大小。那么如何在页面刷新或重新打开后保持字体大小始终为 150%? 这是我的 jQuery 代码:
$(document).ready(function() {
$("#l").click(function() {
$("p").css("font-size","150%");
});
$("#n").click(function() {
$("p").css("font-size","100%");
})
});
最佳答案
您可以使用 LocalStorage - ( on supported browsers ),保存代表当前 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
});
关于javascript - 如何在页面刷新或再次打开页面后保持字体大小始终为 150%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29762884/