Question

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

Answer 1

<?php

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

?>

in 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

您可以为每个classes创建个人page，例如， for index.php =＆gt;索引类 for cart.php =＆gt;购物车类

这里有一些可能对你有帮助的代码，

<强> CSS

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

在您的页面中使用类似

的脚本

<强> SCRIPT

<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>

根据页面改变身体的类别

5 个答案: