根据页面改变身体的类别

Question

您好我遇到以下问题。 我需要根据我现在的页面来改变身体类别。 例如，如果我在购物车页面上，我在索引页面上。 类名必须是我可以使用PHP或JS传递给body的变量。 我是JS的一周，所以请举个例子我该怎么做？ 或者我可以这样做吗？

Answer 1

<?php

switch($pageIdentifier) {
    case "index":
        $class = "class-index";
    case "cart":
        $class = "class-cart";
    default:
        $class = "class-index";
}

?>

在HTML中：

<body class="<?php echo $class; ?>">
</body>

Answer 2

PHP回显ID的变量

<body id="<?php echo $anId; ?>">

使用jQuery设置正文的属性id

$("body").attr("id", "this_is_the_is")

Answer 3

它不使用js工作。 如果你在body标签前面的php片段中预定义了你的classname。

<?php $class="siteclass"; ?>

<body class="<?php echo $siteclass; ?>">
</body>

Answer 4

在PHP中： printf('<body class="%s">', $className)
在jQuery中： $('body').addClass(className)
在纯JS中： document.getElementsByTagName('body').className = className

Answer 5

您可以为每个page创建单独的classes ，例如，对于cart.php => cart class的index.php => index class

这里有一些可以帮到你的代码，

CSS

.cart{
   /* css */
}
.index{
   /* different css */
}

在您的页面中使用脚本，如，

脚本

<script>
    //Let your url like http://example.com/index.php
    urlArray=window.location.href.split('/'); // will give array
    cls=urlArray[urlArray.length-1].split('.')[0];// will give index
    document.body.className=cls;// add this class to your body element
</script>