如何使用JavaScript仅为主页动态地将类添加到“body”?

时间:2014-03-02 07:14:31

标签: javascript volusion

我把它添加到头部,但它不起作用:

<script>
var xpathname = (window.location.pathname);
if (xpathname ==('/')) {
$('body').addClass('home');
}
</script>

该网站位于:http://xotdr.unxpr.servertrust.com/

Volusion不允许开发人员自由编码,因此我需要实现很多变通办法。不幸的是。

编辑:我希望课程仅在主页body上显示。

5 个答案:

答案 0 :(得分:3)

由于您已将此添加到head,因此您需要在body代码可用时执行此代码段:

$(function() {
    var xpathname = window.location.pathname;
    if (xpathname == '/') {
        $('body').addClass('home');
    }
});

答案 1 :(得分:2)

<script>
    var bodyclass=document.createAttribute("class");
    bodyclass.value="home";
    document.getElementsByTagName("body")[0].setAttributeNode(bodyclass);
</script>

答案 2 :(得分:0)

试一试

var b = document.getElementsByTagName('body')[0];
b.className += 'home';

答案 3 :(得分:0)

我知道这是一封过时的帖子,但该问题仍然有用。

var xpathname = (window.location.pathname);
var ndeBody = document.getElementsByTagName("body")[0];
if (xpathname ==('/')) {
    ndeBody.classList.toggle("home");
}
else{
    ndeBody.classList.toggle("home");
}

答案 4 :(得分:-1)

当我转到该URL时,您会出现语法错误:

 Uncaught ReferenceError: x$ is not defined

e.g。您要删除x

中的x$('body').addClass('home');