如何将调整后的字体大小转移到随后访问的页面?

时间:2009-07-19 17:45:50

标签: javascript

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

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

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;">  

1 个答案:

答案 0 :(得分:1)

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