In JavaScript können Sie das Cookie-Attribut des Dokumentobjekts verwenden, um Cookies zu setzen, zu lesen oder zu löschen. Die Syntax lautet „document.cookie="cookieName=Value;expires=expiration time";".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
1. Was ist ein Cookie? HTTP, das zum Laden von Webseiten in Browser verwendet wird, ist ein „zustandsloses“ Protokoll. Das heißt, wenn der Server die Seite an den Browser sendet, betrachtet er sie als abgeschlossen Informationen werden gespeichert. Dadurch ist es schwierig, während einer Browsersitzung eine gewisse Kontinuität aufrechtzuerhalten, z. B. die Aufzeichnung der Inhalte, auf die ein Benutzer zugegriffen oder sie heruntergeladen hat, oder die Aufzeichnung des Anmeldestatus des Benutzers in einem privaten Bereich.
Cookies sind eine Möglichkeit, dieses Problem zu lösen. Ein Cookie kann beispielsweise den letzten Besuch des Benutzers aufzeichnen, eine Liste der Präferenzen des Benutzers speichern oder die Artikel im Warenkorb speichern, während der Benutzer weiter einkauft. Bei korrekter Verwendung können Cookies das Benutzererlebnis der Website verbessern.Beschränkungen von Cookies
Browser haben Beschränkungen hinsichtlich der Anzahl der Cookies, die gespeichert werden können, normalerweise einige Hundert oder mehr. Im Allgemeinen sind 20 Cookies pro Domain zulässig und jede Domain kann bis zu 4 KB Cookies speichern.
Zusätzlich zu den Problemen, die durch Größenbeschränkungen verursacht werden können, gibt es viele Gründe, die dazu führen können, dass Cookies auf der Festplatte verschwinden, z. B. das Erreichen des Ablaufdatums, das Löschen der Cookie-Informationen durch den Benutzer oder das Wechseln zu einem anderen Browser. Daher sollten Cookies niemals zum Speichern wichtiger Daten verwendet werden. Beim Schreiben von Code müssen Sie die Situation berücksichtigen, in der das erwartete Cookie nicht abgerufen werden kann. 2, document.cookie-Attribut. JavaScript verwendet das Dokumentobjekt-Cookie Attribute zum Erstellen, Lesen und Löschen von Cookies.username=sam
username=sam;location=China;
Die Funktion excape() konvertiert alle Nicht-ASCII-Zeichen in der Zeichenfolge in das entsprechende zweistellige oder vierstellige Hexadezimalformat, z. B. werden Leerzeichen in %20 und & in %26 umgewandelt.
Der folgende Code gibt beispielsweise die in der Variablen str gespeicherte Originalzeichenfolge und das Ergebnis nach der Escape()-Kodierung aus:
hello owrld
Sie können sehen, dass das Leerzeichen als %20 dargestellt wird und die linke Klammer es ist %28, Die rechte Klammer ist %29.
name=value
cookieName und cookieValueCookieName und cookieValue sind die Namen und Werte in name=value, die in der Cookie-Zeichenfolge zu sehen sind.
Das Domain-Attribut zeigt dem Browser an, zu welcher Domain das Cookie gehört. Dieses Attribut ist optional, wenn es nicht angegeben wird. Der Standardwert ist die Domäne der Seite, auf der das Cookie gesetzt ist.
Die Funktion dieses Attributs besteht darin, den Betrieb von Cookies durch Subdomains zu steuern. Was die Entfernung angeht: Wenn es auf www.example.com eingestellt ist, kann die Seite in der Subdomain code.example.com dieses Cookie nicht lesen. Wenn das Domänenattribut jedoch auf example.com gesetzt ist, kann die Seite in code.example.com auf dieses Cookie zugreifen.
Das Pfadattribut gibt das Verzeichnis an, in dem Cookies verwendet werden können. Wenn Sie möchten, dass nur Seiten im Verzeichnis „Dokumente“ den Cookie-Wert festlegen, legen Sie den Pfad auf „/documents“ fest. Dieses Attribut ist optional und der häufig verwendete Standardpfad ist /, was angibt, dass das Cookie in der gesamten Domäne verwendet werden kann.
secure
secure属性是可选的，而且几乎很少使用。它表示浏览器在把整个cookie发送给服务器时，是否应该使用SLL安全标准。
expires
每个cookie都有一个失效日期，过期就自动删除了。expires属性要以UTC时间表示。如果没有设置这个属性，cookie的生命期就和当前浏览器会话一样长，会在浏览器关闭时自动删除。
4，编写cookie
要编写新的cookie，只要把包含所需属性的值赋予document.cookie就可以了:
document.cookie = "username=sam;expires=15/05/2018 00:00:00"
使用javascript的Date对象可以避免手工输入日期和时间格式；
var cookieDate = new Date(2018,05,15); document.cookie = "username=sam;expires="+cookieDate.toUTCString();
这样就能达到和前面一样的结果。
#注意这里使用了cookieDate.toUTCString()函数，而不是cookieDate.toString();这是因为cookie的时间要以UTC格式设置。
在实际编码时，应该用excape()函数来确保在给cookie赋值时不会有非法字符:
var cookieDate = new Date(2018,05,15); var user = "Sam Jones"; document.cookie = "username="+excape(user)+";expires="+cookieDate.toUTCString();
5，编写cookie的函数
很自然就会想到编写一个函数专门用于生成cookie，完成编码和可选属性的组合操作。下面的程序清单就列出了一个这样的程序代码:
function createCookie(name,value,days,path,domain,secure){ if(days){ var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = date.toGMTString(); } else var expires = ""; cookieString = name + "=" +excape(value); if(expires) cookieString += ";expires=" +expires; if(path) cookieString += ";path=" + escape(path); if(domain) cookieString += ";domain=" + escape(domain); if(secure) cookieString += ";secure=" + escape(secure); document.cookie = sookieString; }
这个函数的执行的操作是相当直观的，name和value参数组合得到"name = value",其中的value还经过编码以避免非法字符。
在处理有效期时，使用的参数不是具体日期，而是cookie有效的天数。函数根据这个天数生成有效的日期字符串。
其他属性都是可选的，如果设置了，就会附加到组成cookie的字符串里。
【推荐学习：javascript高级教程】
Das obige ist der detaillierte Inhalt vonSo setzen Sie Cookies in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
