Нажмите, чтобы увеличить основной текст | 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, только в PHP. Может ли кто-нибудь придумать пример того, как сделать куки самым простым способом, помня мой вариант, но всякий раз, когда кто-то нажимает на другой, ему следует избавиться от файла cookie, который был установлен последним, например, Значение cookie имеет 15px, затем следует обновить его или удалить его с новым cookie с новым значением 13px и т. Д.

Спасибо:)

Answer 1

вы можете установить и получить значения cookie из javascript так же, как вы делаете это в php.

Вы можете использовать следующие два метода для вашей помощи.

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

Это может помочь: Ссылка на файлы cookie Javascript QuirksMode.