Если я правильно понял ваш вопрос, вам нужно передать некоторую информацию с одной страницы JavaScript на другую страницу JavaScript. Существует несколько способов сделать это, и я расскажу о некоторых из них.
1. Передача информации через параметры URL:
Вы можете добавить параметры к URL страницы, чтобы передать информацию. На отправляющей странице вы можете использовать window.location.href
для создания нового URL с параметрами, а на принимающей странице вы можете использовать URLSearchParams
или URL
API для извлечения и получения информации из URL.
Пример отправки информации:
const data = { name: 'John', age: 30 }; const queryString = new URLSearchParams(data).toString(); const url = `https://example.com/page2?${queryString}`; window.location.href = url;
Пример получения информации:
const queryString = new URLSearchParams(window.location.search); const name = queryString.get('name'); const age = queryString.get('age'); console.log(name, age); // Выведет "John 30" в консоль
2. Использование localStorage
или sessionStorage
:
Вы можете сохранить информацию в localStorage
или sessionStorage
на отправляющей странице, а затем получить ее на принимающей странице.
Пример сохранения информации:
const data = { name: 'John', age: 30 }; localStorage.setItem('data', JSON.stringify(data));
Пример получения информации:
const data = JSON.parse(localStorage.getItem('data')); const name = data.name; const age = data.age; console.log(name, age); // Выведет "John 30" в консоль
Обратите внимание, что при таком подходе стоит быть осторожным с сохранением чувствительной информации, так как данные будут доступны на клиентской стороне.
3. Использование postMessage
API:
Если страницы, между которыми вы хотите передавать информацию, находятся в разных окнах или фреймах, вы можете использовать postMessage
для передачи данных между ними.
На отправляющей странице:
const data = { name: 'John', age: 30 }; window.postMessage(data, 'https://example.com'); // Здесь 'https://example.com' - это URL принимающей страницы
На принимающей странице:
window.addEventListener('message', event => { if (event.origin !== 'https://example.com') return; // Проверка на безопасность const data = event.data; const name = data.name; const age = data.age; console.log(name, age); // Выведет "John 30" в консоль });
Обратите внимание, что необходимо проверить event.origin
, чтобы убедиться, что сообщение отправлено из доверенного источника.
Надеюсь, эти примеры помогут вам передать информацию между страницами JavaScript.