首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >简单的CSS切换器和保存cookie

简单的CSS切换器和保存cookie
EN

Stack Overflow用户
提问于 2016-03-22 10:00:14
回答 1查看 227关注 0票数 0

我想创建一个可以在样式表之间切换的按钮(示例如下),我想让它创建一个cookie,以便浏览器记住并保存设置。

代码语言:javascript
运行
复制
<button id="style1">Light</button>
<button id="style2">Dark</button>


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

代码越简单越好。谢谢!

EN

回答 1

Stack Overflow用户

发布于 2016-03-22 11:45:14

您可以使用PHP来设置和获取cookie,并在此基础上更改样式。

switch1.php

代码语言:javascript
运行
复制
<?php
setcookie("s", "1");
header("Location: index.html");
?>

switch2.php

代码语言:javascript
运行
复制
<?php
setcookie("s", "2");
header("Location: index.html");
?>

index.html

代码语言:javascript
运行
复制
<link rel="stylesheet" type="text/css" href=
<?php 
if isset($_COOKIE["s"]))
    echo '"style' . $_COOKIE["s"] . '.css"';
else
    echo '"style1.css"';
?>
>
<button id="style1"><a href="switch1.php">Light</a></button>
<button id="style2"><a href="switch2.php">Dark</a></button>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36144940

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档