Javascript在点击时改变颜色并保持相同的颜色

Question

我目前有以下代码：

<li><a href="index.php" id="1" onclick="document.getElementById('1').style.background = '#8B4513';">Weblog</a></li>

这会改变颜色，但因为它会打开index.php，颜色将不会保持相同的颜色。它返回原始颜色。

如何在不同的页面中保持相同的颜色？

由于

Answer 1

从提供的代码看，您尝试在用户点击链接后设置元素样式。

这里似乎没有必要使用Javascript。我只想使用：visited css伪类来设置元素的样式。

例如;

a:visited { text-decoration: line-through; }

Answer 2

Javascript是客户端，这意味着所做的任何更改都会在用户屏幕上发生。

PHP是服务器端。您向服务器发送请求，它处理请求并显示输出。

如果您想突出显示当前网页，则无法实现此目的。

我建议你在li a列表中的每个文件上添加一行PHP。例如：

<?php if ($URL == 'index.php') echo 'class="selected"'; ?>

使用CSS将类别的链接选为红色。

Answer 3

首先，ID不能以数字开头。

您必须在服务器端捕获所选页面并为其指定一个类似所选的类，并使用CSS执行以下操作：

li.selected a
{
    background: #8B4513;
}

如果您不知道如何使用PHP设置所选页面，请阅读以下文章：http://darkstar-media.blogspot.com/2009/04/css-page-selected-with-php.html