script windowonload = function var d = documentquerySelectordiv; documentquerySelectoranth-child1onclick = function dstylefontSize = 150px;
要实现切换后保持状态,可以使用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中读取并设置字体大小,实现切换后保持状态
原文地址: https://www.cveoy.top/t/topic/ixTc 著作权归作者所有。请勿转载和采集!