gpt4 book ai didi

javascript - 如何: dynamically switch css page

转载 作者:可可西里 更新时间:2023-11-01 12:53:14 25 4
gpt4 key购买 nike

我正在为服务器存储空间非常有限的嵌入式设备开发网页。我希望用户能够在白天模式和夜间模式查看网页之间切换。为此,我只想使用单击按钮的不同网页加载页面。我不想每页都有两份,因为我没有足够的空间。有没有办法切换到不同的 css 页面或以某种方式动态加载 css?我只能使用 html 和 javascript。没有 PHP 或 asp.net。

最佳答案

让我争论一些更简单的事情:

1: 一个 CSS:

.day {
color: black;
background-color: white;
}

.night {
color: white;
background-color: black;
}

.day #content {
color: blue;
}

.night #content{
color: red;
}

2: 一个 HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="dayornight.css">
</head>
<body class="day">
<div id="content">
<a>Hello World!</a>
</div>
</body>
</html>

3:绑定(bind)到按钮的一小段 JavaScript 或 jQuery 代码,用于从白天到晚上切换 body 标签上的类。

如您在浏览器中打开此示例所见,更改类不仅会更改正文的 CSS 样式,还会移动包含的元素,因为它们的选择器现在匹配不同。

关于javascript - 如何: dynamically switch css page,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6141923/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com