cookie 前端儲存技術 新學隨筆

2022-08-03 23:09:20 字數 622 閱讀 6801

必須要有伺服器,然後在本地開啟設定cookie

1.設定不帶過期時間的cookie:

例:document.cookie="name=haha";

注:name : 名  haha : 值

2.設定帶過期時間的cookie:

例:var date=new date();    

var d=new date(date.settime(date.gettime()+5000));    

document.cookie='name=lgz;expires='+d.togmtstring();

注:第一排:new date() :獲取當前時間

date.gettime() :當前時間的時間戳

第二排:最後用new date () 把全部擴起來 ,是改變成時間物件(格式:00:00:00)    得到過期的時間

第三排:用 togmtstring()  在cookie上設定過期時間

3.刪除cookie

document.cookie='name="";expires='+new date().togmtstring();

注:刪除時必須寫好名,值可以不寫

時間格式最後一定要用 togmtstring() 轉換

前端常見儲存技術

瀏覽器端 cookie webstorage localstorage sessionstorage userdata indexeddb 伺服器端 session cookie 是靠譜的瀏覽器都支援 localstorge 比 cookie 存的更多,獲取更方便,而且儲存內容不會隨請求傳送給伺服器...

前端學習筆記 cookie儲存id例項

將使用者資訊儲存在前端cookie中 使用者訪問 時,會從cookie中獲取資訊 實現這個過程的三步走 設定獲取 檢測 在cookie中設定id值 exdays為有效期設定,id在這段時間內有效 function setcookie idname,idvalue,exdays 獲取id值 funct...

前端學習之本地儲存與cookie

今天主要的學習內容是cookie與本地儲存的知識,在html5中,本地儲存是乙個window的屬性,包括localstorage和sessionstorage,從名字應該可以很清楚的辨認二者的區別,前者是一直存在本地的,後者只是伴隨著session,視窗一旦關閉就沒了。二者用法完全相同,這裡以loc...