javascript - 根据 url 查询字符串加载自定义 css 并维护该查询字符串上的用户

Question

这个问题已经有答案了:

Change link color based on href attribute (3 个回答)

已关闭 4 年前。

是否可以为通过自定义查询字符串访问的页面提供自定义 CSS 类？并在用户在网站内导航时维护该查询字符串？

例如，来自 example.com/page123?&example1 的用户将有一个自定义CSS，例如

.example1 {
display: block
}

以及访问 example.com/page123 的用户将会看到

.example1 {
display: none
}

但是，如果用户已经在第 123 页，并且转到第 1234 页，则查询字符串将持续存在，并且还将应用带有 display: block 的类 example1。顺便提一下，我使用的是 Wordpress，并且允许使用 PHP、jQuery 或插件。

Answer 1

你可以很容易地在 php 中实现这一点...

此代码将获取最后一个斜杠之后的所有内容

$page= substr($url, strrpos($url, '/') + 1);

将你的 url 放入变量 $url 中，然后你就可以进行 php 检查，如下所示:

<?php 
if($page = "page123")
   echo css file
else
   //Echo another css file
?>