поделиться var между 2 файлами javascript

Question

Я пытался найти способ совместно использовать переменную между js-файлами, которые используются разными html-файлами (js-файлы не находятся в одном и том же html-файле), но я не могу найти способ ...

Я хочу создать переменную username в a.js внутри файла .html, а затем, как только я добавлю ее в базу данных на сервере, перейдите к b.html и получите доступ к имени пользователя в b.js. (У меня есть весь другой код работает).

Я пробовал сеанс / localStorage, но Atom (мой текстовый редактор) говорит «localStorage не определено», я также пытался экспортировать / импортировать / требовать использования emac6, но Atom говорит то же самое: «экспорт / ключевые слова не определены». Есть идеи?

// a.html: -script src = "src / a.js" - - / script-

// a.js: var username = "john";

// b.html: -script src = "src / b.js" - - / script-

// b.js: console.log (имя пользователя);

Answer 1

Вы также можете использовать куки для передачи переменной через любое количество JavaScript. установить cookie от создателя данных:

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

затем прочитайте это от других:

var x = document.cookie;

Answer 2

Если вы переходите с одной страницы (a.html) на другую (b.html) и хотите обмениваться данными (например, username = 'john') между двумя сценариями, которые вы используете каждая страница, то вы можете рассмотреть возможность сохранения этих данных для достижения этой цели.

Существует множество способов сделать это, однако одним простым подходом будет использование localStorage API следующим образом:

a.html, src / a.js

var username = "john";
localStorage.setItem('username', username) // Persists to browser storage

b.html ЦСИ / b.js

var username = localStorage.getItem('username') // Retrieves from browser storage
console.log(username);

Обратите внимание, что это зависит от порядка - a.js должен быть выполнен до b.js, чтобы значение было сохранено, а затем зарегистрировано на консоли.

Для получения дополнительной информации о localStorage API см. Документы MDN

.