Объект Storage.

  Storage - Является интерфейсом к локальному хранилищу данных.
  Такое хранилище в виде ассоциативного массива может быть доступно для всех документов одного домена, загруженных браузером на это клиентское устройство.
  Функционал Storage позволяет разработчику создавать некую базу данных, каждая запись (элемент хранилища) которой имеет строковые ключ и значение.
  Экземпляр доступен:

  1. Через свойство localStorage объекта window
  2. Через свойство sessionStorage объекта window
  Свойства.
  length - Содержит количество элементов в хранилище.
  Значение имеет числовой формат.

Формат записи в коде скрипта:

  • Экземпляр объекта Storage.length

Значения формата записи:

  Методы.
  clear - Очищает хранилище.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта Storage.clear()

Значения формата записи:

  getItem - Возвращает значение - элемента хранилища по заданному ключу.

Формат записи в коде скрипта:

  • Экземпляр объекта Storage.getItem(Ключ)

Значения формата записи:

  key - Возвращает значение ключа - элемента хранилища заданного его позицией.

Формат записи в коде скрипта:
  • Экземпляр объекта Storage.key(Позиция)

Значения формата записи:

  removeItem - Удаляет элемент из хранилища по заданному ключу.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта Storage.removeItem(Ключ)

Значения формата записи:

  setItem - Добавляет или замещает элемент хранилища, с заданными ключом и значением.
  Возвращает значение undefined.

Формат записи в коде скрипта:

  • Экземпляр объекта Storage.setItem(Ключ, Значение)

Значения формата записи:


Пример.

        "Родительский" документ:
<IFRAME ID="YYY" SRC = "../content/testStorage.htm"; width="250px" height="60px" ></IFRAME>
<BR>
<TEXTAREA ID="POSTW" PLACEHOLDER="Введите текст" ></TEXTAREA>
    <BUTTON ID="SENDW">Отправить письмо</BUTTON>
<SCRIPT>
  var Cr = document.getElementById("SENDW");
  var Create = function(W)
    {
      var Post = document.getElementById("POSTW");
      var Val = Post.value;
      var Storage = localStorage;
      Storage.setItem("xyz",Val);
    };
  Cr.onclick = Create;

</SCRIPT>
     "Дочерний" документ:
<DIV ID=XXX>Рыба</DIV> <SCRIPT>
  var res = function(e)
    {
      var FRM = document.getElementById("XXX");
      var Storage = localStorage;
      var Val = Storage.getItem("xyz");
      FRM.innerText = Val;
    };
  onstorage = res;

</SCRIPT>

Результат.