СКРИПТЫ alt phpjshtmlcssblog
ТЕГИ:
php (267)
js (136)
html (133)
css (96)
html tags (58)
edit text (37)
jquery (36)
form html (29)
php array (28)
foto (23)
fonts (22)
forum (19)
atom (17)
board (17)
hosting (17)
html book (17)
Показать еще :
svg (16)
js method (16)
php file (15)
ruweb.net (15)
color (14)
osclass (13)
htaccess (13)
path (12)
table (12)
input (11)
icon (11)
info (11)
online (11)
yandex (11)
php date (11)
notepad (11)
js delete (11)
php img (10)
url (10)
jsphp (10)
form (8)
task (7)
cookie (7)
comment (7)
php url (7)
click (6)
ftp (6)
js url (6)
value (5)
reg.ru (5)
mb (5)
adminka (5)
js id (4)
bbcode (4)
js form (4)
select (4)
search (4)
js copy (4)
vk (3)
captcha (3)
js time (3)
iframe (3)
vs code (3)
sitemap (2)
js post (2)
browser (2)
console (2)
seo (2)
tag hr (2)
ukoz (2)
header (1)
archive (1)
smile (1)
numbers (1)
ssl (1)
books (1)

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

js установить cookie или - javascript установка кук. Страница будет посвящена только одной теме:

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

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

  1. Функция для установки кук в 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" - вводим искомое имя кук:

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!
    Где можно увидеть установленные куки в javascript
    Где можно увидеть установленные куки в javascript
    Обращаю ваше внимание!

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

    Session

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


  2. Установка времени 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>


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

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

    path=/

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

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

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

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


  4. Функция 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");

Пользуйтесь на здоровье! Не забудьте сказать спасибо

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

01.09.2021

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

Последние комментарии :
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
Марат :
23/07/2021 10:58
Сам офигеваю...
подробнее.