Почему хранилище не сохраняется?

Question

У меня есть простая проблема, когда я устанавливаю некоторые тестовые данные в локальное хранилище после события прослушивателя событий.

    <script>
                document.getElementsByTagName("form")[0].setAttribute("action", "https://www.google.com/");

                document.getElementsByTagName('form')[0].addEventListener('submit',
                function(){
                    alert("Test");
                    localStorage.setItem("persondetails","person");

                });

    </script>

Моя проблема:

Добавляет данные в хранилище сеанса.на странице, на которой я сейчас нахожусь, но при переходе на новую страницу она не сохраняется.

Чего мне не хватает?

Answer 1

Что вам не хватает, так это то, что такое SessionStorage. От мдн :

Свойство sessionStorage позволяет получить доступ к хранилищу сеанса. объект для текущего происхождения. SessionStorage похож на LocalStorage; единственное отличие заключается в том, что данные хранятся в localStorage не имеет срока годности, данные, хранящиеся в sessionStorage, очищаются когда сеанс страницы заканчивается. Сеанс страницы длится до тех пор, пока браузер открыт и выживает после перезагрузки страницы и восстановления. Открытие страница в новой вкладке или окне приведет к началу нового сеанса со значением контекста просмотра верхнего уровня, который отличается от как работают сессионные куки.

Попробуйте вместо этого использовать localStorage. Он сохранится на новых вкладках и перезагрузится