Cookies de solo sesión con Javascript

Me preguntaba si es posible crear cookies de sesión solo con Javascript. Cuando se cierra el navegador, las cookies deben eliminarse.

No puedo usar nada en el servidor ya que el sitio web es solo HTML ... por lo que no se usa ningún script del lado del servidor.

Leí algo sobre esto aquí: http://blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/ pero no puedo encontrar más información sobre esto ... así que estaba preguntándose si este método es confiable.

Si, eso es correcto.

No incluir una expiresparte creará una cookie de sesión, ya sea que se cree en JavaScript o en el servidor.

Ver https://stackoverflow.com/a/532660/1901857

Una solución más sencilla sería utilizar sessionStorage, en este caso:

var myVariable = "Hello World";

sessionStorage['myvariable'] = myVariable;

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

Sin embargo, tenga en cuenta que sessionStorageguarda todo como una cadena, por lo que cuando trabaja con matrices / objetos, puede usar JSON para almacenarlos:

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

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

Una sesión de página dura mientras el navegador esté abierto y sobrevive a las recargas y restauraciones de la página. Al abrir una página en una nueva pestaña o ventana, se iniciará una nueva sesión.

Entonces, cuando cierra la página / pestaña, los datos se pierden.

Para crear una cookie de sesión única con un script java, puede usar lo siguiente. Esto funciona para mi.

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

luego obtenga el valor de la cookie de la siguiente manera

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

De acuerdo, para admitir IE, podemos dejar "expira" por completo y podemos usar esto

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

Utilice el siguiente código para configurar una cookie de sesión, funcionará hasta que se cierre el navegador. (asegúrese de no cerrar la pestaña)

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');
  }