it-blog.club
Проверяем есть ли слово в урле при помощи JS

Проверяем есть ли слово в урле при помощи JS

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

Например имеем вот такой урл:
mysite.ru/catalog/phone/


if(document.location.href.indexOf('catalog') == -1) {
alert('Слово каталог не встретилось, и мы можем что-то вывести, что не предназначено для каталога');
} else {
alert('Слово каталог встретилось и мы можем что-то сделать');
}

Ну или вот ещё:
mysite.ru/catalog/apple/


if (document.location.href.indexOf('catalog') > -1 && document.location.href.indexOf('apple') == -1) {
alert('Что-то сделаем для всех станиц каталога, но кроме apple');
}

Как вы уже наверняка поняли, в качестве параметра мы передаём слово которое необходимо найти.

Метод чувствителен к регистру.

Возвращает позицию искомого слова.

mysite.ru/catalog/apple/


console.log(document.location.href.indexOf('apple'));//Вернёт 25
console.log(document.location.href.indexOf('Apple'));//Вернёт -1

Так же обратите внимание, что протокол так же участвует в определении позиции и начало идёт с нуля. Т.е. http:// (6) + mysite.ru/catalog/ (18) = 24 и позиция первого символа будет уже 25.
Во втором случае вернёт -1, так как писалось выше об регистре.


it-blog.club 487
Автор: Ярослав Хмель


Если Вам понравилась статья, то можете поддержать блог переведя N сумму на кофе авторам или оплату хостинга!
В любом случае спасибо! А так же не забывайте про группу в ВК
ПОИСК ПО САЙТУ
Поддержать