javascript - 点击放大正文 | JavaScript

Question

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

<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，然后应该更新或删除它带有一个新值 13px 的新 cookie，依此类推。

谢谢 ：）

Answer 1

这可能会有所帮助： QuirksMode Javascript cookie 参考。

Answer 2

您可以像在 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 "";
}

查看此页面以获取更多详细信息。