Как запустить скрипт JS на одной странице?

Question

[Unknown]

Привет!
Как я могу запустить срипт только на определнной странице ?
Я делал так:

if(window.location.toString().indexOf('localhost:3000')>0) {
document.addEventListener("DOMContentLoaded", function(){
		document.querySelector('.circle_wrap').classList.add('animation');
}, false);
} else {}

Но это не работет, все равно на других страницах появляется ошибка

TypeError: Cannot read property 'classList' of null
    at HTMLDocument.

Comments

[Сергей delphinpro]

if(window.location.toString().indexOf('localhost:3000')>0) {

это условие будет выполняться на всех страницах домена =)
Проверяйте location.pathname

[Сергей delphinpro]

но лучше как написал MaxKorz: проверять наличие элемента

[Unknown]

Сергей: значит нет вариантов, чтобы не убирая DOMContentLoaded решить задачу?

[Сергей delphinpro]

Richswitch: ну почему? я же написал - проверяйте location.pathname

[Сергей delphinpro]

[Unknown]

Сергей: да, я не сразу заметил, что есть такое предложение.
Загуглил, что-то не понял как это внедрить в свой код. Подскажете?

[Сергей delphinpro]

// Для главной страницы
if(/^\/$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation'); // Проверка все равно будет не лишней
  }, false);
}

// Для страницы contacts.html
if (/^\/contacts\.html$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation');
  }, false);
}

[Сергей delphinpro]

// Так тоже будет работать без ошибок на любой странице,
// где есть соответствующий элемент
document.addEventListener("DOMContentLoaded", function(){
  var b = document.querySelector('.circle_wrap')
  if (b) b.classList.add('animation');
}, false);

[Unknown]

Сергей: спасибо, заработало :)
добавляйте в ответы

[Unknown]

Сергей: а что это за

/^\/$/g.test

. По какаому запросу в гугл я смогуотыскать инфу по этому поводу?

[Сергей delphinpro]

Richswitch: https://learn.javascript.ru/regular-expressions-ja...

Answer 1

[Сергей delphinpro]

// Для главной страницы
if(/^\/$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation'); // Проверка все равно будет не лишней
  }, false);
}

// Для страницы contacts.html
if (/^\/contacts\.html$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation');
  }, false);
}

// Так тоже будет работать без ошибок на любой странице,
// где есть соответствующий элемент
document.addEventListener("DOMContentLoaded", function(){
  var b = document.querySelector('.circle_wrap')
  if (b) b.classList.add('animation');
}, false);