Как я могу добавить класс к телу в зависимости от URL

0

Мне нужно добавить тег к существующему id, текущий HTML -

<div id="home" class="pagebody"></div>

и мне нужно добавить дополнительный класс к телу страницы ТОЛЬКО, если URL имеет в нем "MODULE =".

Поэтому, когда url содержит "MODULE =", добавленный html будет выглядеть так:

<div id="home" class="pagebody hpmessage"></div>

У меня нет доступа к HTML, чтобы вручную изменить это, поэтому мне нужно использовать JavaScript/jquery для добавления дополнительного класса, и его нужно добавлять только к тем URL-адресам, содержащим "MODULE =", любые идеи?

примерами некоторых из обширных URL-адресов являются:

http://mysite/2014/home/20832
http://mysite/2014/home/20832/standings
http://mysite/2014/home/20832?MODULE=MESSAGE
http://mysite/2014/home/20832?MODULE=MESSAGE1
http://mysite/2014/home/20832?MODULE=MESSAGE2
Теги:

2 ответа

4
Лучший ответ
if ( window.location.href.indexOf('MODULE=') != -1) {
    $('#home').addClass('hpmessage')
}

Получить текущее местоположение, проверить, содержит ли он MODULE-, и если так добавить класс?

  • 0
    Ty Adeneo работает отлично;) будет помечать это как ответ, когда часы истекают
0

Версия Vanilla JS:

if ( window.location.search.indexOf( 'MODULE=' ) > -1 )
    document.body.classList.add( 'hpmessage' );

Ещё вопросы

Сообщество Overcoder
Наверх
Меню