Добавление пользовательских свойств объекта Document в интерфейсный javascript

Question

Можно ли добавлять пользовательские свойства объекта документа в интерфейсный javascript?

Предположим, я хочу сохранить некоторые параметры, но не могу сделать это в URL. Могу ли я создать новое свойство в объекте документа для хранения параметров? Например, если мой параметр 'someImportantInfo', я могу установить:

document.someImportantInfo = 'thisIsSecretInfo';

Так что, когда пользователь переходит на новую страницу, я могу получить содержимое свойства 'someImportantInfo' в моем внешнем Javascript и что-то сделать с 'thisIsSecretInfo'?

Answer 1

Лучший способ сделать это не в документе Object.

При загрузке новой страницы объект документа будет заменен другим.

Для хранения информации между различными страницами вы можете использовать localStorage или sessionStorage:

Когда вам нужно сохранить какое-то значение:

localStorage.setItem("someImportantInfo","thisIsSecretInfo");

А когда вам нужно получить это значение на другой странице:

localStorage.getItem("someImportantInfo");

См. Несколько примеров в: https://www.w3schools.com/html/html5_webstorage.asp

Если вы хотите хранить информацию только во время сеанса (снимается, когда браузер закрыт), вместо этого используйте sessionStorage.

Кроме того, вы можете использовать куки, но это сложнее, потому что у вас нет встроенной функции для сохранения и получения куки.