Изменение HTML с помощью JavaScript при загрузке страницы ⇐ Html

[Anonymous]

Я нахожусь на самой ранней стадии создания веб-сайта. Мне хотелось бы иметь единую панель навигации на всех страницах моего веб-сайта, поэтому я планирую создать панель навигации в отдельном HTML-файле, а затем загрузить ее в созданный для нее div на каждой странице.
Однако на данном этапе я даже не могу запустить свой JavaScript. Сначала я пробовал использовать собственный сценарий. При этом ни измененный внутренний HTML, ни всплывающее окно для тестирования не отображаются.

Код: Выделить всё

The navigation bar has failed to load.

document.getElementByID("nav-bar").innerHTML="test";
alert("Hello")

Welcome
This site is under construction.

Я также пытался использовать событие загрузки, но ничего не произошло.

Код: Выделить всё

function load-nav-bar() {
document.getElementByID("nav-bar").innerHTML = "test";
console.log("Hello")
}

Код: Выделить всё

The navigation bar has failed to load.

Welcome
This site is under construction.

Я предполагаю, что проблема связана с тем, как я использую JavaScript, но прошла большая часть десятилетия с тех пор, как я последний раз использовал его, и если я что-то делаю неправильно, то, к сожалению, я этого не помню и не смог понять. Может ли кто-нибудь помочь объяснить, почему JavaScript не запускается?

Подробнее здесь: https://stackoverflow.com/questions/795 ... -page-load