通过JS为.less样式表设置href
我正在使用cookies来了解用户在加载身体时是处于亮模式还是暗模式。如果找不到cookie，我总是使用light.less作为备用/默认。因此在我的中
<link rel="stylesheet" type="text/css" href="../assets/main.css">
<link rel="stylesheet/less" type="text/css" id="colorMode" href="../assets/light.less">
<script src="../assets/less.js/dist/less.min.js" type="text/javascript"></script>
而我的body标签如下：
<body onload="checkNav(); checkCookies();" onresize="checkNav()">
checkcookies()是检查cookie并相应地执行操作的函数，如下所示。
function checkCookies() {
var style = getCookie("style");
if (style == 'dark') {
document.getElementById("colorMode").href = "../assets/dark.less";
document.getElementById("switchIcon").innerHTML = "toggle_on";
document.cookie = "style=dark; path=/~sam.walker";
}
else {
//Already set by default
}
}
code>getcookie()函数仅返回相关样式cookie
href=../assets/light.less的colormode样式表按照预期更改为../assets/dark.less，这是我用检查器检查过的，但样式本身没有物理更改。我已经检查了缓存，与此无关。任何帮助都会得到很大的支持。
共有1个答案
LESS.min.js将查找对较少文件的引用，并在加载时从中生成CSS。
在此之后，您将创建一个对LESS文件的新引用，此时LESS.js注意到这一点已经太晚了。
在链接到LESS样式表之后，但在加载LESS.js脚本之前，需要调用checkcookies()；。
-
vue2中有些css为何写在less不起作用，非得写在标签上才起作用 起作用 不起作用
-
本文向大家介绍JS设置CSS样式的方式汇总，包括了JS设置CSS样式的方式汇总的使用技巧和注意事项，需要的朋友参考一下 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-‘号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style[‘text-align'] = ‘100px'; 2. 直接设置属性
-
在 Rax 中，有以下几种方式给元素设置样式： 内联样式 通过元素的 style 属性，为元素设置内联样式： 1const myStyle = { 2 fontSize: '24px', 3 color: '#FF0000' 4}; 5 6const element = <h1 style={myStyle}>Hello Rax</h1>; 需要注意的是，style 的值是一个 object，
-
接口说明 设置样式 如需调用，请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 API地址 POST /wish3dearth/api/material/shp/v1.0.0/setStyle 是否需要登录 是 请求字段说明 参数 类型 请求类型 是否必须 说明 token string header 是 当前登录用户的TOKEN sceneId string qu
-
接口说明 设置样式 如需调用，请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 如开启https功能，请求地址的协议应改为https，如：https://www.example.com/wish3dearth/api/access/v1.0.0/getLicenseInfo API地址 POST /wish3dearth/api/material/shp/v1.0.
-
本文向大家介绍JS使用cookie设置样式的方法，包括了JS使用cookie设置样式的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS使用cookie设置样式的方法。分享给大家供大家参考，具体如下： 更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算