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

そのうちの1つを選択すると、本文のテキストは実際に拡大しますが、Cookieを読んで選択したオプションを覚えておくことが、私が含めたいと思います。

実際、私はJSでCookieを作成した経験はなく、PHPでのみ作成した経験があります。誰かが私のオプションを覚えて最も簡単な方法でCookieを作成する方法の例を思い付くことができますが、誰かが別のCookieをクリックするたびに、最後に設定されたCookieを削除する必要があります。たとえば、Cookieの値は15pxで、更新または削除する必要があります。 13pxなどの新しい値を持つ新しいCookieを使用します。

ありがとう ：）

Answer 1

phpで行うのと同じ方法で、javascriptからcookie値を設定および取得できます。

次の2つの方法を使用できます。

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

詳細については、このページをご覧ください。

Answer 2

これは役立つかもしれません： QuirksModeJavascriptcookiesリファレンス。