Как добавить класс или стиль блоку сайта в зависимости от ссылки

добавить класс или стиль блоку сайта в зависимости от ссылки, на которой находится пользователь, достаточно распространенная и легко выполнимая задача. Для этого потребуется проверить url и написать простой скрипт.

Добавить класс или стиль блоку сайта в зависимости от ссылки

Задача сводится к проверке url сайта. Допустим у нас есть домен test.ru и дополнительная страничка test.ru/...#new
Наша задача, заключается в следующем — изменить стиль блока

<div class="new"></div>

при нахождении на странице test.ru/...#new, с new на old. Для этого будем использовать js скрипт

demo

Сами стили не привожу в статье, так как они не играют важной роли и могут быть любыми (так же как и название).
Благодаря тому, что у нас есть хеш отметка #new, мы сможем написать простой скрипт, который и будет выполнять эту задачу.

Добавление класса блоку в зависимости от ссылки — рабочий скрипт

$(document).ready(function(){
if(window.location.hash == '#new '){
$('.new ').addClass(' old ');
}
});

Работу скрипта можно посмотреть на demo странице

Поделиться в социальных сетях: