如何使用cookie记住网页的文字大小?

时间:2013-11-23 22:18:08

标签: javascript html

首先我知道大多数浏览器现在都有字体大小调整和缩放等,但这是我的任务所特有的。基本上我添加了下面的脚本,每次按下一个提交按钮时运行,使网页文字大小越来越大..

 <script>
function resizeText(multiplier) {
  if (document.body.style.fontSize == "") {
    document.body.style.fontSize = "0.75em";
  }
  document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.1) + "em";
}
</script>


<form>
<input type="submit" class="button"
  onclick="resizeText(-1);return false;"
  name="theme" value="Small" id="normal2">
<input type="submit" class="button"
  onclick="resizeText(1);return false;"
  name="theme" value="Large" id="contrast2">
</form>

但我的问题是,如何使用Cookie保存此首选项,以便在重新加载页面时它会记住所选的文本大小?我一直在努力工作几个小时没有运气。感谢任何指导,谢谢。

1 个答案:

答案 0 :(得分:0)

通读: http://www.quirksmode.org/js/cookies.html

You can use the createcookie function to save the settings, when the settings are changed, or when the page is exited (using onunload/onbeforeunload).