Как один js файл подключить к многостраничному?

Question

[Syrone]

Скажите как вы единственный файл js подключаете к многостраничному сайту без ошибок с

Cannot read property 'addEventListener' of null

Какие способы используете?

Заранее скажу, <script src=/app.js></script> подключен в конце всего файла перед закрывающим тегом </body>, а также в самом js файле написан

document.addEventListener('DOMContentLoaded', () => { ... }

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

Comments

[Максим]

скажу что в случае если используется многостраничная вёрстка то используют шаблонизаторы который помогает используя одну страницу но выводить разный контент ..
как к примеру на тостер или любой другой сайт
вы же не думаете на самом деле что на тостере 100500 страниц на самом деле ...
страниц не сколько - админка, лента и т д а выводят в них разное содежиржимое..
потому наверно появился ajax и есть php или любой другой серверный язык
либо тот же github в котором используется технология где на одной странице к примеру page.html но выводилось разное содержимое ...
дальше сами

Answer 1

[Алексей]

https://learn.javascript.ru/script-async-defer
https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[Syrone]

Так это не помогает, суть в том что на одной страницы используется один js код, на другой странице часть кода не используется, а новая часть написанная для этой страницы используется. И вот та часть которая не используется выдает ошибку с

Cannot read property 'addEventListener' of null

Вот что нужно сделать, чтобы тот код который не нужен не исполнялся.

[Алексей]

Syrone, эту ошибку то у тебя где выдает, к какому элементу ? ставь опшенал чейнинг
element?.addEventListener

[Syrone]

Алексей, эту ошибку он выдает к элементам главной страницы которые не может найти на странице, например на странице: catalog.html

[Алексей]

Syrone, мне название файла ниче не дает, пробуй как я выше описал

[Syrone]

Алексей, О, работает. Спасибо

[Syrone]

Алексей, Получается на каждый элемент, который использует addEventListener нужно вешать Optional chaining (?.)?

[Алексей]

Syrone, ну в твоем случае видимо да, я ж не знаю как у тебя там что устроено, да и на самом деле не особо хочу. Если работает такой костыль, то и норм

[Syrone]

Алексей, а как по адекватному должно быть?

[Алексей]

Syrone, без понятия, все зависит от самого сайта, технологий, архитектуры, твоих знаний и умений. Серебряной пули нет.