javascript - 调整后的字体大小如何延续到随后访问的页面？

Question

我使用以下脚本允许页面访问者增加/减小字体大小(或将字体大小恢复为其默认设置)。

有人知道如何让每个页面保留上一页增加/减少的字体大小吗？目前，当访问者调整字体大小并转到另一个页面时，字体大小会返回到默认大小，这意味着访问者必须为他们访问的每个页面再次重新调整字体大小。如果访问者在一个页面上调整页面大小然后转到另一个页面时，另一个寻呼机会自动以调整后的字体大小显示，那就太好了。谢谢你，克里斯

function changeFontSize(objId, doIncreaseSize) {   
  var currentSize = 0, obj = document.getElementById(objId), newVal = 0, limitMax = 1.7, limitMin = 0.9, unit = 0.1;  
  if(!obj){  
    return false;  
  }  
  currentSize = parseFloat( obj.style.fontSize );  
  if (!obj.originalSize) { obj.originalSize = currentSize; }  
  if(doIncreaseSize){  
    unit = -unit;  
  }  
  newVal = currentSize - unit;  
  if(limitMax >= newVal && limitMin <= newVal){  
    obj.style.fontSize = newVal + "em";  
  }  
  return true;  
}  
function resetDefaultSize(objId) {   
  var obj = document.getElementById(objId);  
  if(!obj){  
   return false;  
  }  
  if (obj.originalSize) { obj.style.fontSize = obj.originalSize + "em"; }  
  return true;  
}  

和 HTML:

INCREASE: <href="#" onclick="changeFontSize('mydiv', true); return false;">  
DECREASE: href="#" onclick="changeFontSize('mydiv'); return false;">  
RESET TO DEFAULT: <href="#" onclick="resetDefaultSize('mydiv'); return false;">  

Answer 1

当用户更改字体(增大、减小、重置)时，使用 cookie 保存用户选择的字体大小。然后，每次加载网站上的页面时，请检查用户是否拥有该 cookie。如果是，则检索 cookie 的值并将字体大小设置为 cookie 中的字体。