PHP实现单页面切换两套CSS

在html页面中，若要引入外部CSS文件，只需添加一行：

<link rel="stylesheet" type="text/css" href="/My_CSS.css">

如果想两套CSS样式能够切换使用，可以用纯JS实现，但一般比较繁琐。事实上，如果把html的后缀改为.php，然后配合php的$_SESSION变量，根据当前用户选择的模版echo对应的CSS文件，将会变的非常简单。示例代码如下：

<?php
session_start();
if(!isset($_SESSION['key'])){
    $_SESSION['key']='A';
}
if($_SESSION['key'] == 'A'){
    echo "<link rel='stylesheet' type='text/css' href='/A.css'>";
}else{
    echo "<link rel='stylesheet' type='text/css' href='/B.css'>";
}
?>

然后再用$_SESSION['value']调整用户选择的CSS模版即可。本方法可应用于实现网页的深色模式/浅色模式切换。

    所属分类：PHP     发表于2021-08-14