Как организовать код на js?

Question

[samorez999]

Пишу скрипт для многостраничного сайта на чистом js c плагинами. Скрипт берет одни dom-элементы с одной страницы, другие - с другой но т.к. он подключен всегда ко всем страницам, то некоторые элементы оказываются не найденными, это провоцирует ошибки. Как мне быть?
Подключать разный js к разным страницам, или есть другое решение?

Answer 1

[Mizutsune]

Как вариант, можно делать проверку на наличие элемента на странице и если он есть, выполнять определенную функцию.

const fn = (..args) => {
  // выходим из функции если элемент не найден
  if(!document.querySelector(".target-element-selector")) return;
  
  // код функции
};

В качестве альтернативы можно использовать window.location для решения подобных задач, но у данного способа есть свои подводные камни.

if (window.location.href === "https://you-site.com/blog"){
   // код который нужно выполнить на странице blog
}

Ну, а вообще можно разделить код на файлы и подключать их на определенных страницах, чтобы не тянуть лишнее туда, где это не используется.

Comments

[samorez999]

Элементов много, для каждого элемента делать проверку задолбаешься.

[Mizutsune]

samorez999, обновил ответ.

[samorez999]

Mizutsune, понял, благодарю, мне подходит.