javascript – 如何在页面刷新或再次打开页面后始终保持字体大小为150％？

2019-10-01 08:46:14 阅读：287 来源： 互联网

我创建了两个按钮,允许用户更改我的网页中文本的字体大小.它工作得很好,但刷新或重新打开页面后,字体大小总是回到正常大小.那么如何在页面刷新或重新打开后保持字体大小始终为150％？
这是我的jQuery代码：

$(document).ready(function() {

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

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

});

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

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

})

});

解决方法:

已经提到过使用localStorage(1 @Nicholas),但由于我已经完成了一个JSFiddle,我想我也可以包括它.代码如下：

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%';
});

这是JSFiddle.运行几次,你会看到价值贯穿始终.

标签：html,javascript,jquery,css,fonts
来源： https://codeday.me/bug/20191001/1838089.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 如何在页面刷新或再次打开页面后始终保持字体大小为150％？