使用 localStorage 实现字体大小切换状态保持
<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中读取并设置字体大小,实现切换后保持状态。
原文地址: http://www.cveoy.top/t/topic/qe9O 著作权归作者所有。请勿转载和采集!