На этот вопрос уже есть ответ здесь:

Я поделился кодом JS, как это в angus.js

var g_colour;

function getcolour() {
  return g_colour;
}

function setcolour(colour) {
  g_colour = colour;
}

К которым обращаются html-страницы 1 и 2, например:

1.html:

Global javascript example


<a href="2.html">Page2</a>

2.html:

Global javascript example page 2


<a href="1.html">Page1</a>

Если я установлю цвет на одной странице и перейду к странице 2, а затем получу доступ к цвету, он вернет неопределенное. т.е. мне кажется, что новый экземпляр g_colour создается при загрузке новой HTML-страницы.

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