1. כללי

2. אחסון

3. קריאה

4. דוגמא

document.cookie = "version=" + escape(document.lastModified);

name = value; expires = date;

var nextyear = new Date();
nextyear.setFullYear(nextyear.getFullYear();
document.cookie = "version=" + document.lastModified + "; expires=" + nextyear.toGMTString();
    

path = path ;
domain = domain ;
secure ;
    

var allcookies = document.cookie;       // cookie קריאת תכונת ה
var pos = allcookies.indexOf("vers=");  // "vers" אשר שמה cookie חיפוש ה 

// חילוצה ואחר כך שימוש בערכה אם מצאנו כזו
if( pos != -1)
  var start = pos + 8; 
var end = allcookies.indexOf(";", start);
if ( end == -1)
  end = allcookies.length;
var value = allcookies.sustring(start, end); 
value = unescape(value);
if (value != document.lastModified)
  alert("This document has changed since you were last here");
    

<script language="JavaScript1.1">

  function Cookie(document,name,hours,path,domain,secure)
  {
    // כל התכונות של אובייקט זה, המוגדרות מראש מתחילות בסימן '$' על מנת להבחין אותם מתכונות
    //cookie - אחרות אשר מהוות את הערכים שיאוחסנו ב   
    this.$document = document;
    this.$name = name;
    if(hours)
      this.$expiration = new Date(( new Date()).getTime() + hours * 3600000);
    else
      this.$expiration = null;
    if(path)
      this.$path = path;
    else 
      this.$path = null;
    if(domain)
      this.$domain = domain;
    else 
      this.$domain = null;
    if(secure)
      this.$secure = secure;
    else 
      this.$secure = null;
  }
  
  function cookieStore()
  {
    // ומקבצת יחד את הערכים Cookie עוברת בלולאה על התכונות של אובייקט ה store() - פונקציית ה 
    for(var prop in this)
    {
      if(( prop.charAt(0) == '$') || ((typeof this[prop] == 'function'))
        continue;
      if( cookieval != "")
        cookieval +='&';
      cookieval + prop + ':' + escape (this[prop]);
    }
    
    // , נאחד אותם למחרוזת הכוללת את השם ואת התכונות הנוספות cookie כעת, משיש לנו את ערכי ה
    // שתוארו קודם ונוצרו בזמן יצירתה 
    var cookie = this.$name + '=' + cookieval;
    if(this.$expiration)
      cookie += '; expires=' + this.$expiration.toGMTString();
    if(this.$path ) 
      cookie += '; path=' + this.$path;
    if(this.$domain) 
      cookie += '; domain' + this.$domain;
    if(this.$secure) 
      cookie += '; secure';
    this.document.cookie = cookie;
  }
  
  function cookieLoad()
  {
    // השייכות לטופס זה cookies יצירת רשימה של כל ה 
    var allCookies = this.$document.cookie;
    if (allCookies == "") 
      return false;
      
    // הרצויה מן הרשימה cookie כעת נחלץ רק את ה 
    var start = allCookies.indexOf(this.$name + '=');
    if (start == -1)
      return false;
    start += this.$name.length + 1;
    var end = allCookies.indexOf(':',start);
    if(end == -1)
      end = allCookies.length;
    var cookieval = allCookies.substring(start,end); 
    
    // & זוגות השם-ערך המופרדים בסימן cookie כעת עלינו להפריד את משתני המצב השונים שמכילה ה
    // על מנת להפריד את כולם split() והשמות-ערכים מופרדים על יד הסימן : נשתמש בפונקציה
    var cookieval.split('&');
    for(var i=0; i < a.length ; i++)
      a[i] = a[i].split(':');
      
    // unescape() בערכים אלו. נשים לב כי אנו משתמשים בפונקציה Cookie כעת נאתחל את אובייקט ה
    // כאשר אחסנו אותם escape() עבור ערכי התכונות, משום שהשתמשנו בפונקציה
    for (var i=0; i < a.length; i++)
      this[a[i][0]] = unescape(a[i][1]);
    return true;
  }
  
  function cookieRemove()
  {
    var cookie;
    cookie = this.$name + '=';
    if(this.$path ) 
      cookie += '; path=' + this.$path;
    if(this.$domain) 
      cookie += '; domain' + this.$domain;
    cookie += '; expires=Fri , 03-MAY-2002 00:00:00 GMT';
    this.$document.cookie = cookie;
  } 
   
  // על מנת להפוך את prototype דמה על מנת שנוכל להשתמש באובייקט ה Cookie יצירת אובייקט
  // הפונקציות הנ"ל למתודות
  new Cookie();
  Cookie.prototype.store = cookieStore;
  Cookie.prototype.load = cookieLoad;
  Cookie.prototype.remove = cookieRemove
    

var visitorData = new Cookie(document, "name_color_count_state", 240);

if(!visitorData.load() || !visitorData.name || !visitorData.color)
{
  visitorData.name = prompt("What is your name ? : ", "");
  visitorData.color = prompt("What is your favorite color ? :", "");
}
    

if(visitorData.visits == null)
  visitorData.visits = 0;
visitorData.visits++;
visitorData.store();
    

  document.write('<FONT SIZE=7 COLOR="' + visitorData.color + '">' +
      'Welcome, ' + visitorData.name + '!' + '<FONT>' +
      '<P> You have visited ' + visitorData.visits + ' times .');
</SCRIPT>
</FORM>
  <INPUT TYPE="button" VALUE="Forget My Name" onClick="visitorData.remove();">
</FORM>