accessing document.getElementById из другого окна

Question

У меня есть два файла .html (Intro.html и Main.html), совместно использующие внешний .js-файл.

Мой файл первый .html открывает 2-ую .html с помощью настраиваемой кнопки и .online события из внешнего файла .js, используя

document.getElementById("leaveButton").onclick = function() { 
    location = "Main.html"; 
} 

Мой второй файл .html также имеет несколько кнопок на отдельной странице/window, доступ к которому осуществляется через document.getElementById.onclick из внешнего .js-файла.

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

Однако, когда у меня есть один и тот же .js-файл, каждая .html-страница в консоли жалуется на документ document.getElementById другого («idName»). Onclick items. Это сообщение об ошибке, которое я получаю,

Uncaught TypeError: Cannot set property 'onclick' of null 

Как решить эту проблему, используя чистый Javascript?

Answer 1

Простейшим решением было бы попытаться добавить обработчик onclick(), если элемент существует. Что-то вроде:

if (!!document.getElementById("leaveButton")) { 
    document.getElementById("leaveButton").onclick = function() { 
    location = "Main.html"; 
    } 
}