Js操作HTTP Cookie

2020-03-24 17:59:40

字體：大中小

來源：轉載

供稿：網友

谷歌在網頁未發布時，不能存放cookie，火狐不存在這樣的問題

一般的鍵名不用中文

上面的格式可以換做document.cookie = 'myname='+ data;

注意傳遞的是天數，如果傳遞的是當天的話，會存儲不上設置cookie過期時間，時間超過了，cookie并不是被刪除了，只是不進行顯示，還是保存在電腦上。這里目前還是沒有應用到，但是肯定很有用

還包含了一種情況，保存的本地磁盤上，然后再進行覆蓋

這是我自己的理解，行間事件中已經有要執行的函數，代碼執行，在全局作用域中找不到該函數，會報錯，但是可以將上面的過程理解為給onclick屬性賦值，首先賦值為function(){del(this)} ,然后賦值為function(){console.log(this)},報錯的那一步直接別覆蓋了，但是還是不符合邏輯，記得JS代碼只要執行到有錯誤的地方，就不會再執行了

總結1：

瀏覽器有一個監聽機制，監聽事件，常見的事件有onclick、ondblclick、onfocus、onblur，這些都是瀏覽器時刻監聽的事件，上面函數的過程相當于給事件賦值，不過所賦值為一個函數，但是也可以理解為一個值，老師所說的JS其實就是一個取值與賦值的過程，上面的過程很好的解釋了這一點。

上面都是很大膽的嘗試，但是還是對取值與賦值的理解?？梢钥吹揭粋€細節，window.onload=function(){}前面的onload是變色了的。Console.log(window);可以發現其中的onload值本身就是null

這樣來書寫，并不會出現錯誤，也就證明在btn下也是有一個類似于window下的各種屬性，這只是猜測，因為在控制臺上值能輸出window的實行，卻看不到btn下的屬性，這里是可以和動態創建屬性聯系起來。

屬性歸屬于對象，上面的onclick是一個btn對象下的屬性，上面的過程是在屬性里面存了一個值，而這個值是一個匿名函數，然后這個屬性就變成了一個匿名函數，然后這個函數就可以進行調用，函數名就是之前的屬性名。屬性其實和變量沒有什么區別，屬性是有一個對象歸屬的，就是他前面的對象，而且有屬性的對象現在我理解的就是可以看做是元素對象，對象后面加上一個屬性，屬性名就相當于變量名，函數也是一個數據類型，之前在學習創建變量的時候，可以在變量中存null,number,string,boolean,undefined，現在的函數也是一種數據類型，于是在變量中存入一個function也是可以的

函數執行到這里相當于給btn下的onclick屬性賦值，所賦的值是一個函數。于是onclick就變成了一個函數，

函數執行到這里相當于調用了剛剛在btn里存入的函數

這里的問題和我上面發現的問題是一樣的，初始值是null，只有在存入object類型的值時，才可以成功的傳入。下面使用到的是動態創建屬性，在對象btn下動態創建了一個屬性，現在是沒有變量類型的要求的，可以傳入任意類型的變量值，但是動態創建屬性和上面的對象已經內置的屬性是有相似之處的，可以這樣理解。

這就是動態創建屬性，現在在window對象下多了一個index屬性，相當于之前window下自帶的屬性onload之類的。

打印出來的數據類型是function，其實function也是一個數據，可以給變量賦值，也可以給屬性賦值，如果是單單的寫：對象.屬性，這樣的話返回的就是屬性里面裝的值，也就是屬性值，而在上面給屬性傳的值時一個函數，于是就將這個函數完整的返回出來。最后面的情況，對象.屬性名后面加上（），就相當于調用了函數，這和下面創建的有名函數由一點區別，但是還是可以理解的，估計是默認的屬性名就是函數名。屬性和變量是一樣的，里面可以裝載各種數據類型的值，function也是一種變量，如果是將function裝進了屬性或者是變量，那么這個屬性或者是變量就變成了一個函數

這是對上面的解釋，給變量a傳入了一個函數，那么a久變成了一個函數，打印變量，返回的就是函數的執行上下文，下面就相當于調用了函數a，現在就可以知道，其實上面的給屬性傳遞一個函數，和這里是一個意思，直接使用btn.a()，也就是理所當然的了。

直接傳入函數名，打印出來的是函數的執行上下文，但是上面再調用對象下的函數時，并不是單純的寫函數名，而是要加上屬性所對應的對象。

上面的代碼是有兩個意思，一是給對象btn的onclick屬性傳遞一個函數，二是在瀏覽器上調用的時候執行這個傳遞的函數，而下面是直接自己調用上面的函數，二不是瀏覽器來調用該函數。屬性的賦值和取值，變量的賦值和取值，其實是完全一樣的

上面是取值的過程，獲得是的函數的執行上下文，下面是賦值的過程，存在屬性里面的值取出來賦給a，也就是賦值，將函數的執行上下文賦值給a。

這是整個分析的重點部分，調用函數a，就會執行到console.log(this)，打印出來的是window，現在的this指向已經發生改變

現在是在全局作用域下創建了一個變量，然后給變量傳入一個函數，這時候變量也就變成了函數，然后在全局作用域下執行調用，前面的window是可以省略的。

這是今天所學最精髓的地方，onclick()是一個函數，a()是一個函數，函數都是由對象來調用的，onclick所歸屬的對象就是btn，a所歸屬的是對象是window，就是這么簡單，amazing！同時也可以總結出來一個知識點，結合上面的，在全局作用域下創建了一個函數a，該函數就歸屬于window，然后打印window的時候就可以看到多了一個屬性a，屬性值就是該函數的執行上下文，這里是和動態創建屬性是沒有區別的，完全一樣。

這是最精簡的操作，現在在window中也是可以看到新的屬性index，中間的代碼就是省略的步驟，這就是為什么這里和動態創建屬性沒有一點區別，真的完全是一樣的。

這是new關鍵字的影響，只是一個簡單的了解

在瀏覽器中的顯示：index:function index() aindex:function()上面的過程都是在全局作用域下創建了函數，一個是匿名函數，一個是有名函數，但是在也可以理解為在window下動態創建了屬性，但是這里有一點跳躍，一個屬性名為index,一個為aindex,唯一的區別就是前者有自己的函數名

<input type="button" id="btn" html' target='_blank'>value="按鈕" onclick="del(this)" / 這是上面代碼的返回值

現在上面的代碼在點擊的時候返回的是window

點擊按鈕會彈出ok，最重要的是知道在解釋器中的代碼是怎么樣的情況，下面的代碼就是解釋器中會執行的代碼，創建了一個匿名函數，執行代碼

行間事件只能調用全局作用域下的函數

現在顯示的是window，這是this指向的問題，現在也是簡單的了解

上面這段代碼，用老師上面講的知識，是解釋不通的，現在創建的函數并不是在全局作用域下，可能是自己的理解出錯

點擊按鈕之后會發現有一個函數，就會向上查找，上面就是全局作用域，在全局作用域中找不到該函數的創建，就會報錯，這是作用域鏈的問題，遵循向上查找。解釋器在加載行間事件的時候，就會將行間事件加載到全局作用域下，所以會有“行間事件只能調用全局作用域下的函數”?？偨Y2：

上面結果的對比，window對象下屬性的屬性值幾乎全是function,而document下幾乎都是具體的值，而且顯示的document對象是#document,加載的是整個html文檔封裝函數:創建cookie 、刪除cookie、獲取cookie的value值

現在返回的是空，就算是執行了點擊li，也是不會執行釋放的

代碼自動執行，返回四次空，點擊無效

每次點擊，a就會被重新賦值，這樣的話，就實現了理想的累加效果上面的問題就是函數在執行完之后，變量會被釋放的問題，這樣在函數執行時保存在函數里面的值，每次都會被釋放，在函數外面打印也就是無效的。還有一點就是上面的模式是很像的，在dom下通常會使用一個for來添加事件，為的是提供一個i的值，找到指定的子元素，與傳統的for循環是有區別的。而且這里和循環是沒有一點聯系的。上面的的代碼可以理解為，在事件函數內部，變量是不會被釋放的，但是一旦出了事件函數保存的變量就會被釋放。還有就是定義出事值得問題，看了這么多的代碼，感覺遇到這樣的模式，代碼都是一樣的，定義的初始值總是在事件函數的外部，這里的理解可以和for循環是一樣的，因為之前的for循環也是將初始的變量放在外面，唯一的區別就是在for循環中，變量是不會被釋放的，出來for循環也還是會訪問到原來的變量。