点击放大正文 | JavaScript答案

【问题标题】：Click to make body text larger | JavaScript点击放大正文 | JavaScript
【发布时间】：2010-05-26 01:30:06
【问题描述】：

请注意，这只是一个例子：

<img src="img/normal-font.png" onclick="javascript:document.body.style.fontSize = '13px';" /> &nbsp; 
<img src="img/medium-font.png" onclick="javascript:document.body.style.fontSize = '14px';" /> &nbsp; 
<img src="img/large-font.png"onclick="javascript:document.body.style.fontSize = '15px';" />

如果我选择其中一个，正文确实会放大，但我喜欢包括的是通过阅读 cookie 记住您选择的选项。

其实我没有在 JS 中创建 cookie 的经验，只有在 PHP 中。有人能想出一个例子，说明如何让 cookie 成为记住我的选项的最简单方式，但是每当有人点击另一个时，它应该删除最后设置的 cookie，例如Cookie 值有 15px，然后应该更新它或用新的 cookie 删除它，新的值为 13px 等等。

谢谢:)

【问题讨论】：

标签： javascript html cookies large-text

【解决方案1】：

您可以像在 php 中一样从 javascript 中设置和获取 cookie 值。

您可以使用以下两种方法为您提供帮助。

function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toUTCString());
}

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return "";
}

查看this page了解更多详情。

【讨论】：

【解决方案2】：

这可能会有所帮助： QuirksMode Javascript cookies reference.

【讨论】：