Question

我正在开发一个项目，我必须按一个按钮来记住用户选择的特定页面。它应该像cookie一样工作，但我需要更多关于如何在cookie上保存网页的信息。主要部分是当用户点击按钮，网站记住用户选择，当用户在一段时间后进入同一页面时，他将看到他的选择。当然，如果用户再次按下按钮，他的选择将被删除。

P.S。我是编码的新人，所以，你的帮助对我有用。

提前致谢。

Answer 1

您可以使用浏览器存储

当用户选择一些值时：

localStorage.setItem("userSelection", "selection-value");

当用户在页面上输入时，验证userSelection是否存在：

var userSelection = localStorage.getItem('userSelection');
if ( userSelection ) {
    // some action
}

查看更多：localStorage

Answer 2

使用以下任何一项来存储用户首选项

    sessionStorage.setItem("sessionData", "I am set in session storage.");  
localStorage.setItem("localData", "I am set in local storage.");

我的建议是在session或localstorage

中使用URL哈希组合存储首选项

Answer 3

你可以根据我的例子右下方的ids来做到这一点

function getCookie(name){
	var b=name+"=",
	c=decodeURIComponent(document.cookie),
	d=c.split(";");
	for(var e=0;e<d.length;e++){
		for(var f=d[e];" "==f.charAt(0);)f=f.substring(1);
			if(0==f.indexOf(b))return f.substring(b.length,f.length)
	}
}

function setCookie(name,value,period,path){
	var time=new Date;
	time.setTime(time.getTime()+1e3*(60*(60*(24*period))));
	document.cookie=name+"="+value+";"+"expires="+time.toUTCString()+";path="+(path?path:"/")
}

function removeCookie(cookie_name){
	if(getCookie(cookie_name)){
		document.cookie=cookie_name+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
	}
}

document.getElementById('xxx').onclick = function(){
  if(getCookie(this.id)==1) {
    removeCookie(this.id)
  } else {
    setCookie(this.id,1,999999);
  }
}

<button id="xxx">Selection 1</button>

当然使用php或者javascript来检测cookie是否存在。

设置按钮以记住用户选择的页面

3 个答案: