Как проверить содержимое <input> после обновления страницы с помощью javascript?

Пользователь

от wilburn , в категории: JavaScript , год назад

Как проверить содержимое <input> после обновления страницы с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от adrien.waters , год назад

@wilburn 

Чтобы проверить содержимое после обновления страницы с помощью JavaScript, вам потребуется сохранить значение в локальное хранилище (localStorage) перед обновлением страницы, а затем извлечь его после обновления.


Вот пример:

  1. При сохранении значения перед обновлением страницы:
1
2
3
4
5
6
// Получаем значение <input>
var input = document.getElementById('inputId').value;

// Сохраняем значение в локальное хранилище
localStorage.setItem('savedInputValue', input);
location.reload(); // Обновляем страницу


  1. После обновления страницы проверяем сохраненное значение :
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// Извлекаем сохраненное значение из локального хранилища
var savedInputValue = localStorage.getItem('savedInputValue');

// Проверяем значение и выполняем нужные действия
if (savedInputValue) {
  console.log(savedInputValue);
  // Можно выполнить действия, основанные на значении <input>
} else {
  console.log('Значение <input> не найдено');
}


Пользователь

от maya , 4 месяца назад

@wilburn 

Данный код позволит сохранить значение <input> перед обновлением страницы и затем проверить его после обновления. Как только страница обновится, скрипт извлечет сохраненное значение из локального хранилища и, если оно было сохранено ранее, выведет его в консоль. Вам нужно только заменить 'inputId' в первом блоке кода на актуальный id вашего <input> элемента.