JavaScript. Подробное руководство, 6-е издание

   // Добавить в строку атрибуты cookie

if (maxage) cookie += "; max-age=" + maxage;

if (path) cookie += "; path=" + path;

   // Установить cookie с помощью свойства document.cookie
   document.cookie = cookie;
  }

// Удаляет указанный cookie
  this.removeItem = function(key) {
   if (!(key in cookies)) return; // Если не существует, ничего не делать

   // Удалить cookie из внутреннего множества cookies
   delete cookies[key];

   // И удалить ключ из массива имен.
   // Это легко можно было бы сделать с помощью метода indexOf массивов,
   // определяемого стандартом ES5.
   for(var і = 0; і < keys.length; i++) { // Цикл по всем ключам
   if (keys[i] === key) { // При обнаружении ключа
   keys.splice(i,1); // Удалить его из массива,
   break;
   }
   }
   this.length--; // Уменьшить значение length
   // Наконец фактически удалить cookie, присвоив ему пустое значение
   // и истекший срок хранения.
   document.cookie = key + "=; max-age=0";
  };

20.3. Механизм сохранения userData в IE

В IE версии 5 и ниже поддерживается механизм сохранения данных на стороне клиента, доступный в виде нестандартного свойства behavior элемента документа. Использовать его можно следующим образом:

  var memory = document.createElement("div"); // Создать элемент
  memory.id = "_memory”; // Дать ему имя
  memory.style.display = "none"; // He отображать его
  memory.style.behavior = "url('#default#userData')"; // Присоединить свойство
  document.body.appendChild(memory); // Добавить в документ

После того как для элемента будет определено поведение «userData», он получает новые методы load и save. Вызов метода load загружает сохраненные данные. Этому методу можно передать строку, напоминающую имя файла и идентифицирующую конкретный пакет хранящихся данных. После загрузки данных пары имя/значение становятся доступны в виде атрибутов элемента, получить которые можно с помощью метода getAttribute. Чтобы сохранить новые данные, необходимо установить атрибуты вызовом метода setAttribute и затем вызвать метод save. Удалить значение можно с помощью методов removeAttribute и save. Ниже приводится пример использования элемента memory, инициализированного выше:

  memory.load("myStoredData"); // Загрузить сохраненные данные
  var name = memory.getAttribute("username"); // Получить элемент данных
  if (!name) { // Если он не был определен,
   name = prompt("Как вас зовут?); // запросить у пользователя
   memory.setAtttribute("username", name); // Установить как атрибут
   memory.save("myStoredData"); // И сохранить до следующего раза
  }

По умолчанию данные, сохраняемые с помощью механизма userData, имеют неограниченный срок хранения и сохраняются до тех пор, пока явно не будут удалены. Однако с помощью свойства expires можно определить дату, когда истечет срок хранения данных. Например, в предыдущий фрагмент можно было бы добавить следующие строки, чтобы указать, что срок хранения данных истечет через 100 дней:

  var now = (new Date).getTime; // Текущее время в миллисекундах
  var expires = now + 100 * 24 * 60 * 60 * 1000; // + 100 дней в миллисекундах
  expires = new Date(expires).toUTCString; // Преобразовать в строку
  memory.expires = expires; // Установить срок хранения

Данные, сохраняемые с помощью механизма userData в IE, доступны только для документов, хранящихся в том же каталоге, что и оригинальный документ, сохранивший их. Это более ограниченная область видимости, чем у cookies, которые также доступны документам в подкаталогах оригинального каталога. В механизме userData отсутствует какой-либо эквивалент атрибутов path и domain в cookies, позволяющий расширить область видимости данных.

Механизм userData позволяет сохранять гораздо большие объемы данных, чем cookies, но меньшие, чем объекты localStorage и sessionStorage.

Пример 20.3 реализует методы getltem, setltem и removeltem интерфейса Storage поверх механизма userData в IE. (Он не реализует такие методы, как кеу и clear, потому что механизм userData не предоставляет возможность выполнять итерации по всем хранящимся элементам.)

Пример 20.3. Частичная реализация интерфейса Storage на основе механизма userData в IE

  function UserDataStorage(maxage) {
   // Создать элемент документа и установить в нем специальное
   // свойство behavior механизма userData, чтобы получить доступ
   // к методам save и load.