javascript установка кук

Как установить cookie javascript

1. Функция для установки кук в javascript
2. Установка времени cookie в javascript
3. Путь для установки кук.
4. Функция setCookie javascript

Скопировать ссылку



Функция для установки кук в javascript

Свойство "cookie" объекта document - устанавливает(в том числе) cookie в браузере:

Синтаксис установки кук в javascript

document.cookie = "name_cookie=value_cookie";

Простой пример установки кук в javascript

<script>
document.cookie = "test_name=Js cookie installation";
</script>


Где можно увидеть установленные куки в javascript

Если мы откроем консоль, то можем увидеть наши куи установленные с помощью javascript.

Идем:

Application.

Cookies.

Ваше сайт.

Справа будут все cookie.

Чтобы не искать по строчно... в верху есть строка поиска "filter" - вводим искомое имя кук:

Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!



Обращаю ваше внимание!

Смотри на скрин, на последнюю позицию строки:

Session

Что нам говорит, что данная кука установлена до закрытия браузера. Поэтому, следующим ... установим время в куках javascript.

Скопировать ссылку



Установка времени cookie в javascript

Для кук в javascript существует такой параметр как :

expires

Что в переводе с английского... "истекает"

Как установить куки в javascript на 1 час

Чтобы не рассматривать голую теорию, сразу перейдем к практике...

Для примера рассмотрим: "Как установить куки в javascript на 1 час", для этого нам понадобится :


разобраться с форматом времени... т.е. данный момент времени, получим данный данный момент времени в миллисекундах:

Date.now();

Выведем прямо здесь с помощью document.write();

Прибавим 1 день Date.now()+ 86400*1000:

Создадим дату из этого числа "new Date(Date.now()+ 86400*1000)":

Выше перечисленное загоним в переменную:

var date= (new Date(Date.now()+ 86400*1000)).toUTCString();

Установка cookie в javascript на 1 час

document.cookie = "test_name=Js cookie installation; expires=" + date;

Соберем весь код установки cookie в javascript на 1 час

<script>
var date= (new Date(Date.now()+ 86400*1000)).toUTCString();
document.cookie = "test_name=Js cookie installation; expires=" + date;
</script>

Скопировать ссылку



Путь для установки кук в javascript.

Для того, чтобы куки в javascript читались на всем сайте применяют параметр :

path=/

Если данный парметр не будет указан, то куки установятся в конкретную папку, где лежит документ, например:

Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!



Если мы используем path, то верхний код создания кук в javascript будет выглядеть так:

<script>
var date= (new Date(Date.now()+ 86400*1000)).toUTCString();
document.cookie = "test_name=Js cookie installation; expires=" + date + "path=/";
</script>

Скопировать ссылку



Функция setCookie javascript

Вообще... некоторые функции, методы, свойства - выглядят монстроподобно, неудобно и всяческое с отрицательным впечатлением и от вида и от использования...

И Cookie в javascript не исключение!

Но существуют, даже, отдельные библиотеки, которые облегчают пользование кук в javascript.

Я не буду рассказывать о таких библиотеках - можно использовать отдельную функцию "setCookie javascript":

name - имя кук.

value - значение кук.

days - дни существования кук.

Функция setCookie javascript

<script>

function setCookie(name, value, days) {

const d = new Date();

d.setTime(d.getTime() + (days*24*60*60*1000));

let expires = "expires="+ d.toUTCString();

document.cookie = name+ "=" + value+ ";" + expires + ";path=/";

}

</script>

Использование функции setCookie javascript

Установка на 1 день:

setCookie("имя","Марат","1");

Сообщение системы комментирования :

Форма пока доступна только админу... скоро все заработает...надеюсь...