Файли cookie лише на сеансі з Javascript

Мені було цікаво, чи можливо створити файли cookie лише для сеансів за допомогою Javascript. Коли браузер закритий, файли cookie слід видалити.

Я не можу нічого використовувати на сервері, оскільки веб-сайт має лише HTML ... тому не використовується сценарій на стороні сервера.

Я читав щось про це тут: http://blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/, але я не можу знайти більше інформації про це ... так що я був цікаво, чи надійний цей метод.

Так, це правильно.

Якщо не вставити expiresчастину, це створить сеансовий файл cookie, незалежно від того, створений він у JavaScript або на сервері.

Див. Https://stackoverflow.com/a/532660/1901857

У sessionStorageцьому випадку буде простішим рішенням :

var myVariable = "Hello World";

sessionStorage['myvariable'] = myVariable;

var readValue = sessionStorage['myvariable'];
console.log(readValue);

Однак майте на увазі, що sessionStorageвсе зберігається як рядок, тому при роботі з масивами / об’єктами ви можете використовувати JSON для їх зберігання:

var myVariable = {a:[1,2,3,4], b:"some text"};

sessionStorage['myvariable'] = JSON.stringify(myVariable);
var readValue = JSON.parse(sessionStorage['myvariable']);

Сеанс сторінки триває стільки часу, скільки браузер відкритий і переживає перезавантаження та відновлення сторінки. Відкриття сторінки в новій вкладці чи вікні призведе до ініціювання нового сеансу.

Отже, коли ви закриваєте сторінку / вкладку, дані втрачаються.

Для створення файлу cookie лише для сеансів із сценарієм Java ви можете використовувати наступне. Це працює для мене.

document.cookie = "cookiename=value; expires=0; path=/";

потім отримайте значення cookie наступним чином

 //get cookie 
var cookiename = getCookie("cookiename");
if (cookiename == "value") {
    //write your script
}

//function getCookie        
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1);
        if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
    }
    return "";
}

Добре, щоб підтримати IE, ми можемо залишити "закінчується" повністю і можемо використовувати це

document.cookie = "mtracker=somevalue; path=/";

Використовуйте наведений нижче код для файлу cookie сеансу налаштування, він буде працювати до закриття браузера. (переконайтесь, що вкладка не закрита)

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  }
  function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) == ' ') {
        c = c.substring(1);
      }
      if (c.indexOf(name) == 0) {
        return c.substring(name.length, c.length);
      }
    }
    return false;
  }
  
  
  if(getCookie("KoiMilGaya")) {
    //alert('found'); 
    // Cookie found. Display any text like repeat user. // reload, other page visit, close tab and open again.. 
  } else {
    //alert('nothing');
    // Display popup or anthing here. it shows on first visit only.  
    // this will load again when user closer browser and open again. 
    setCookie('KoiMilGaya','1');
  }