我想知道是否可以使用 Javascript 创建仅会话 cookie。当浏览器关闭时,cookies 应该被删除。
我无法在服务器上使用任何内容,因为该网站仅是 HTML...所以没有使用服务器端脚本。
我在这里读到了一些相关内容: http://blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/ 但我找不到更多关于此的信息...所以我想知道这个方法是否可靠。
是的,这是正确的。
不放入
expires
部分将创建会话 cookie,无论它是在 JavaScript 中创建还是在服务器上创建。
参见https://stackoverflow.com/a/532660/1901857
对于问题中的用例(没有服务器端代码),
sessionStorage
是一个更简单的解决方案。但sessionStorage
仅是客户端,因此如果您需要访问服务器上存储的值(例如用户登录等),则无法工作
还要注意,正如@muzzletov和OP指出的那样,
sessionStorage
是每个选项卡,因此在新选项卡中打开链接将不可用。通过localStorage
建议这里有一些方法可以解决这个问题
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']);
只要浏览器打开,页面会话就会持续存在,并且在页面重新加载和恢复后仍然存在。在新选项卡或窗口中打开页面将导致启动新会话。
因此,当您关闭页面/选项卡时,数据就会丢失。
要使用 java 脚本创建仅会话 cookie,您可以使用以下命令。这对我有用。
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');
}