我正在開發一個項目,我必須製作一個按鈕來記住用戶選擇的特定頁面。它應該像Cookie一樣工作,但我需要更多關於如何在Cookie上保存網站頁面的信息。主要部分是當用戶點擊一個按鈕時,網站記住用戶的選擇,當用戶在一段時間後進入同一頁面時,他會看到他的選擇。當然,如果用戶再次按下按鈕,他的選擇將被刪除。設置按鈕以記住用戶選擇的頁面
P.s.我是編碼方面的新人,所以你的幫助對我有用。
在此先感謝。
我正在開發一個項目,我必須製作一個按鈕來記住用戶選擇的特定頁面。它應該像Cookie一樣工作,但我需要更多關於如何在Cookie上保存網站頁面的信息。主要部分是當用戶點擊一個按鈕時,網站記住用戶的選擇,當用戶在一段時間後進入同一頁面時,他會看到他的選擇。當然,如果用戶再次按下按鈕,他的選擇將被刪除。設置按鈕以記住用戶選擇的頁面
P.s.我是編碼方面的新人,所以你的幫助對我有用。
在此先感謝。
使用以下任一下面來存儲用戶的喜好
sessionStorage.setItem("sessionData", "I am set in session storage.");
localStorage.setItem("localData", "I am set in local storage.");
我的建議是使用URL散列組合會話或localStorage的
您可以使用瀏覽器存儲這個
while.storing存儲偏好當用戶選擇一些值時:
localStorage.setItem("userSelection", "selection-value");
,並在用戶頁面上輸入,您驗證是否userSelection
存在:
var userSelection = localStorage.getItem('userSelection');
if (userSelection) {
// some action
}
查看更多:localStorage
你可以做到這一點基於ID,如在我的例子右婁
function getCookie(name){
\t var b=name+"=",
\t c=decodeURIComponent(document.cookie),
\t d=c.split(";");
\t for(var e=0;e<d.length;e++){
\t \t for(var f=d[e];" "==f.charAt(0);)f=f.substring(1);
\t \t \t if(0==f.indexOf(b))return f.substring(b.length,f.length)
\t }
}
function setCookie(name,value,period,path){
\t var time=new Date;
\t time.setTime(time.getTime()+1e3*(60*(60*(24*period))));
\t document.cookie=name+"="+value+";"+"expires="+time.toUTCString()+";path="+(path?path:"/")
}
function removeCookie(cookie_name){
\t if(getCookie(cookie_name)){
\t \t document.cookie=cookie_name+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
\t }
}
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來檢測if cookie存在。
存儲所有用戶選擇首選項並不是一個好主意。您可以在所有瀏覽器中使用javascript的localstorage。基於頁面散列,您可以存儲該部分。 –
我只需要它在一家公司實習 –