腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
jQuery
向
localStorage
添加
暗
模式
样式表
html
、
jquery
、
hyperlink
、
stylesheet
、
attr
所以,我立刻就知道
使用
单独的
样式表
来处理
暗
模式
已经是一种奇怪的方式了,但这是我的情况: 我有一个输入触发器,当.prop("checked",true)时,在styles.css上切换darkmode.css我想要实现的是,如果主页上的.prop("checked",真),而我点击了另一个页面,例如“关于我们”,我想保持那个.prop("checked",真)并保持
暗
模式
。
浏览 25
提问于2020-10-28
得票数 0
1
回答
保存用户的
暗
模式
首选项时出现的问题
javascript
、
html
、
css
我正在尝试
使用
localStorage
将
暗
模式
首选项保存到我的网站上。我遇到的问题是,当你切换到
暗
模式
并点击刷新时,它会停留在
暗
模式
。但是,如果您切换到
暗
模式
,然后返回到亮
模式
,并点击刷新,它将加载
暗
模式
。这是我的小提琴和下面的js脚本。<script src="https:/
浏览 3
提问于2019-02-26
得票数 1
2
回答
为什么读取
localStorage
值需要刷新页面以显示由
jQuery
切换的CSS更改?
html
、
jquery
、
css
、
local-storage
、
darkmode
我试图
使用
localStorage
的值来显示两个Twitter提要中的一个,一个用于轻
模式
主题,另一个用于
暗
模式
。
使用
jQuery
(document).ready(function ()没有帮助。</div>
使用</
浏览 8
提问于2020-10-14
得票数 7
回答已采纳
1
回答
动态注释掉CSS
样式表
?
javascript
、
css
我已经建立了相当重的轻和黑暗
模式
与本地存储为一个网站。从一个切换到另一个是无缝的,两者看起来都很棒。然而,当我在黑暗
模式
中导航时,我有闪烁的问题。在我的header.php中,这两个
样式表
都是按这个顺序向上驻留的。stylesheet" type="text/css" title="night" href="https://example.com/public/css/night.css"> 本地存储开关是
浏览 3
提问于2019-12-19
得票数 0
回答已采纳
1
回答
当我在深色
模式
下刷新页面时,网站的常规颜色会显示出来
javascript
、
local-storage
我现在遇到的问题是,当我在切换到深色
模式
之前重新进入我的网页时,我的网站的常规颜色会显示出来。我
使用
localstorage
来记住用户已经选择了
暗
模式
,并且
暗
模式
CSS存储在一个单独的css文件中。 我正在寻找一些关于如何在CSS完全加载后显示网站的答案,但提供的答案在我的情况下都不起作用。我在考虑
使用
html主体中的onload函数来检查应该应用哪个
样式表
,但我不知道如何正确地执行此操作。下面是我用来设置
暗
浏览 41
提问于2019-09-17
得票数 0
1
回答
插入/删除深色主题
样式表
切换按钮
javascript
、
wordpress
我尝试进行这种
暗
模式
切换,它可以在单击时在head中插入
样式表
和本地存储。它应该在每点击一次就禁用它,但问题是在第一次点击时我得到了on输出,但从第二次点击它就一直在输出off。我也希望它有另一个条件,如果页面已经运行
暗
主题,开关禁用插入的
样式表
,并保持像这样的循环。 我对PHP替代方案持开放态度。>/body/dark-theme.css">').appendTo('head')[0];
localS
浏览 30
提问于2019-09-05
得票数 1
回答已采纳
2
回答
暗
模式
不改变灰度背景
javascript
、
html
、
css
你好,当我尝试制作一个
暗
模式
时,我
使用
暗
模式
类,但是在网站的某些部分,它不起作用,如果启用了
暗
模式
,如何才能将这些背景更改为深灰色或黑色?(function() { let element = document.body;("theme"); if (theme &&
浏览 9
提问于2022-02-24
得票数 1
回答已采纳
2
回答
保存
暗
模式
首选项(
localStorage
)时出现问题
javascript
、
jquery
、
html
、
css
、
webpage
我正在尝试
使用
localStorage
将
暗
模式
首选项保存到我的网站上。我遇到的问题是,当你切换到
暗
模式
并点击刷新时,它会停留在
暗
模式
。但是,如果您切换到
暗
模式
,然后返回到亮
模式
,并点击刷新,它将加载
暗
模式
。这是我的小提琴和下面的js脚本。').toggleClass('active'
浏览 3
提问于2019-02-26
得票数 1
1
回答
移动HTML的高效
暗
模式
主题化
html
、
css
、
media-queries
、
darkmode
我一直在寻找有一个移动高效的
暗
模式
主题的方法,这是自动的,可以切换。所谓移动效率,我指的是高延迟、低带宽、低CPU友好: 只加载相关的
样式表
(当光线处于活动状态时,
暗
样式表
不加载,反之亦然),以节省带宽没有全屏闪烁的no cookies。我发现的解决方案没有这些属性,它们要么
使用
带有两个主题的胖CSS,要么
使用
两个
样式表
,当用户选择与系统默认值不同的主题(因为在DOM中引用
样式表
之后执行JS来控制它们)时,会产生全屏闪烁。到目前为止,
浏览 4
提问于2021-08-13
得票数 3
1
回答
如何防止页面刷新时重新设置复选框状态?
javascript
、
html
、
jquery
、
css
、
darkmode
LocalStorage
中,当
使用
按钮时,它按预期工作,即使页面刷新了,主题仍然保留状态,但我不知道如何
使用
复选框<code>E 218</code>来实现这一点。我创建了2函数,一个用于激活
暗
模式
,另一个用于禁用
暗
模式
。我将代码段顶部的复选框id链接起来。https://i.stack.imgur.com/fpSa1.png ,如果用户选择
暗
模式
为,页面被刷新,则<em
浏览 0
提问于2021-05-21
得票数 0
1
回答
如何在夜间
使用
jQuery
或JavaScript激活自动黑暗
模式
?
javascript
、
html
、
jquery
、
local-storage
、
darkmode
我想激活黑暗
模式
自动在晚上,并将在白天或早上关闭。我想要这样的东西提前选项或功能。从晚上到黎明,它将是黑色或黑暗的默认。这是我的密码 <script src='https://c
浏览 5
提问于2022-09-11
得票数 0
回答已采纳
1
回答
如何用
localStorage
存储
暗
模式
选项?
javascript
、
local-storage
我
使用
以下脚本在我的网站上实现了
暗
模式
: NioApp.ModeSwitch = function() { if($body.hasClasstoggleClass('active'); })} 我希望存储用户选项,因此在重新加载后,它将保持为
暗
模式
或亮
模式</
浏览 7
提问于2021-06-21
得票数 0
1
回答
输入复选框不触发数据主题属性的javascript
javascript
、
html
我试图完成一些事情,使黑暗
模式
在我的网站上工作。
使用
复选框在亮主题和
暗
主题之间切换(复选框将data-theme属性设置为用户的首选项)。(“
localStorage
.getItem”)){if(“
localStorage
.getItem”) ==“
localStorage
.getItem”){ var主题=“==”;}
localStorage
.getItemwindow.matchMedia){ //matchMedia方法不支持返回false;
浏览 2
提问于2021-04-22
得票数 0
回答已采纳
4
回答
将黑暗
模式
保存到JavaScript中的本地存储
javascript
我在我的网站上
添加
了黑暗
模式
,它运行得很完美那么,有没有办法保存这些首选项呢?"fa-moon"); icon.classList.toggle("fa-sun"); }要激活
暗
模式
,我只需在“主页”类之后
添加
“活动-黑暗”,而要禁用
暗
模式
,我只需删除类。
浏览 6
提问于2020-05-27
得票数 1
1
回答
使用
引导4-切换和
localStorage
切换
暗
模式
下的CSS
jquery
、
bootstrap-4
、
local-storage
这必须非常简单;我正在尝试让
localStorage
使用
Bootstrap 4和附加的库bootstrap4-toggle 来切换CSS
暗
模式
。但是,类dark没有
添加
到body-container div中,控制台中没有错误,所以我不知道坏了什么。maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://
浏览 3
提问于2020-10-12
得票数 0
回答已采纳
2
回答
如何加速网站上的黑暗
模式
延迟?
javascript
、
jquery
、
html
、
css
我想加快黑暗
模式
在我的网站上生效。当我当前加载一个页面时,页面加载和
暗
模式
生效之间存在延迟。下面是我的
jQuery
.js代码 if (
localStorage
.getItem("darkMode") === "true") { enableDarkMode();}
浏览 1
提问于2019-11-02
得票数 4
2
回答
如何切换到图标单击(用于切换到
暗
模式
)
javascript
、
html
、
css
它
使用
以下代码: const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');if (currentTheme) { if (e.target.checked) { document.do
浏览 29
提问于2021-01-22
得票数 1
回答已采纳
2
回答
带有本地存储的高寒JS -x-数据显示页面刷新后的旧/错误值
javascript
、
local-storage
、
alpine.js
我试图切换黑暗
模式
使用
阿尔卑斯JS保存在本地存储的价值。但是,当我再次打开和关闭黑暗
模式
并刷新页面时,本地存储中的值显示“false”(这是预期的),而x-数据显示的值是“true”。<body x-data="{darkMode:
localStorage
.getItem(
浏览 4
提问于2021-03-28
得票数 1
回答已采纳
2
回答
是否可以在页面加载后更改css
样式表
?
javascript
、
css
、
function
、
stylesheet
我正在尝试
添加
一个“
暗
模式
/亮
模式
”。我试图通过
使用
两个不同的CSS
样式表
并
使用
一个按钮来单击它们来实现这一点 我尝试过
使用
setAttribute、innerHTML、removeAtribute(将一个
样式表
的内容移动到标记中并尝试删除一个
样式表
) 更改为灯光
模式
function light(){ document.getElementById(css).setAttr
浏览 50
提问于2019-09-12
得票数 0
回答已采纳
2
回答
如何用javascript永久交换
暗
模式
徽标?
javascript
、
html
、
css
、
hugo
、
darkmode
因此,我有下面的代码来管理我的黑暗
模式
(请注意,我没有编写原始代码,我只是在修改): toggleTheme.click(function () {I Added this line html.removeClass('dark-mode');
localStorage
.removeItem= logo.dataset.logoLight; // I
浏览 4
提问于2022-05-01
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端知识点
Web前端开发入门之网页制作三要素,小白值得一看
Web前端开发入门之网页制作三要素,前端入门必备
50个jQuery 小技巧
前端学习经验,希望对正在学习的你有所帮助
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券