如何根据网址向正文添加一个类

时间:2014-03-22 16:05:19

标签: javascript jquery

我需要在现有ID中添加标签,当前的HTML是

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

如果网址中包含“MODULE =”,我还需要在页面主体上添加一个额外的类。

因此,当网址包含“MODULE =”时,附加的html将如下所示

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

我无法访问HTML来手动更改此内容,因此我必须使用JavaScript / jquery添加其他类,并且只能添加到包含“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 个答案:

答案 0 :(得分:4)

if ( window.location.href.indexOf('MODULE=') != -1) {
    $('#home').addClass('hpmessage')
}

获取当前位置,检查它是否包含MODULE-,如果是,请添加一个类?

答案 1 :(得分:0)

Vanilla JS版:

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