<script>\n  window.onload = function(){\n    var d = document.querySelector("div");\n    var links = document.querySelectorAll("a");\n    \n    // 检查localStorage中是否有保存的状态\n    if(localStorage.getItem("fontSize")){\n      d.style.fontSize = localStorage.getItem("fontSize");\n    }\n    \n    // 给每个链接添加点击事件\n    links.forEach(function(link){\n      link.onclick = function(){\n        // 获取链接的文本内容作为新的字体大小\n        var fontSize = link.textContent;\n        d.style.fontSize = fontSize;\n        // 保存当前的状态到localStorage\n        localStorage.setItem("fontSize", fontSize);\n      };\n    });\n  }\n</script>\n这样,当点击链接切换字体大小时,会将当前的字体大小保存到localStorage中,下次页面加载时会从localStorage中读取并设置字体大小,实现切换后保持状态。
使用 localStorage 实现字体大小切换状态保持

原文地址: http://www.cveoy.top/t/topic/qe9O 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录