如何使用url控制class中的元素？

Question

请问如何使用url控制class中的元素？

情况是这样：

使用PHP编写的网页
目前有A和B这两个页面，

A页面中有导航，分别是‘导航1’ 和 ‘导航2’
B页面中有2个表格分别由按钮1和按钮2控制

默认:按钮1 具备active属性

现在想实现的功能是:

当A页面的‘导航2’被点击后进入B页面，
此时B页面中的 按钮2 添加active属性，
按钮1删除active属性。

Answer 1

你可以使用以下的PHP代码来实现你的需求：

在A页面中，你需要为导航项添加一个链接，并将导航项的点击事件传递给B页面。你可以使用GET方法将导航的状态传递给B页面，以便在B页面中设置相应的按钮状态。

<!-- A页面 -->
<a href="B.php?active=2">导航2</a>

在B页面中，你可以使用PHP来获取传递的状态，并根据状态设置按钮的active属性。

<!-- B页面 -->
<?php
$activeButton = $_GET['active'] ?? 1; // 默认为按钮1

if ($activeButton == 1) {
    $button1Class = 'active';
    $button2Class = '';
} else {
    $button1Class = '';
    $button2Class = 'active';
}
?>

<button class="<?php echo $button1Class; ?>">按钮1</button>
<button class="<?php echo $button2Class; ?>">按钮2</button>

在上述代码中，我们通过$_GET['active']获取传递给B页面的active参数，默认为1。然后，我们根据active参数的值设置按钮的CSS类。如果active参数为1，则按钮1设置为active，按钮2则不设置active；如果active参数为2，则按钮2设置为active，按钮1则不设置active。

请注意，这只是一个简单的示例，你可能需要根据你的实际需求进行适当的修改和调整。