要实现切换后保持状态,可以使用localStorage来存储当前的状态。以下是修改后的代码:

<script>
  window.onload = function(){
    var d = document.querySelector("div");
    var links = document.querySelectorAll("a");
    
    // 检查localStorage中是否有保存的状态
    if(localStorage.getItem("fontSize")){
      d.style.fontSize = localStorage.getItem("fontSize");
    }
    
    // 给每个链接添加点击事件
    links.forEach(function(link){
      link.onclick = function(){
        // 获取链接的文本内容作为新的字体大小
        var fontSize = link.textContent;
        d.style.fontSize = fontSize;
        // 保存当前的状态到localStorage
        localStorage.setItem("fontSize", fontSize);
      };
    });
  }
</script>

这样,当点击链接切换字体大小时,会将当前的字体大小保存到localStorage中,下次页面加载时会从localStorage中读取并设置字体大小,实现切换后保持状态

script windowonload = function var d = documentquerySelectordiv; documentquerySelectoranth-child1onclick = function dstylefontSize = 150px;

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

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