学习使用js和jquery修改css路径，实现html页面主题切换功能
学习使用js和jquery修改css路径，实现html页面主题切换功能
- 效果图
- html代码
- js切换css关键代码
- jquery切换css关键代码
效果图
html代码
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>修改css路径</title><link href="./css/edit1.css" type="text/css" rel="stylesheet" id="mylink">
</head>
<body>
<div><button onclick="editcss('edit1')"> 修改css1路径</button><button onclick="editcss('edit2')"> 修改css2路径</button>
</div><script src="./jquery-2.1.4.min.js"></script>
<script>function editcss(css_name) {//document.getElementById('mylink').href = "./css/" + css_name + ".css";$("#mylink").attr('href', "./css/" + css_name + ".css");}
</script></body>
</html>js切换css关键代码
<script>function editcss(css_name) {$("#mylink").attr('href', "./css/" + css_name + ".css");}
</script>
jquery切换css关键代码
<script>function editcss(css_name) {document.getElementById('mylink').href = "./css/" + css_name + ".css";}
</script>
相关文章：
学习使用js和jquery修改css路径，实现html页面主题切换功能
学习使用js和jquery修改css路径，实现html页面主题切换功能 效果图html代码js切换css关键代码jquery切换css关键代码 效果图 html代码 <!DOCTYPE html> <html> <head><meta charset"utf-8"><title>修改css路径</title&g…...
请介绍一下Redis的数据淘汰策略)
(转)请介绍一下Redis的数据淘汰策略
1. **NoEviction（不淘汰）**：当内存不足时，直接返回错误，不淘汰任何数据。该策略适用于禁止数据淘汰的场景，但需要保证内存足够。 2. **AllKeysLFU（最少使用次数淘汰）**：…...
APP自动化测试-Appium常见操作之详讲
一、基本操作 1、点击操作 示例：element.click() 针对元素进行点击操作 2、初始化：输入中文的处理 说明：如果连接的是虚拟机（真机无需加这两个参数，加上可能会影响手工输入），在初始化配置中…...
写给大数据开发：谈谈数仓建模的反三范式
在数仓建设中，我们经常谈论反三范式。顾名思义，反范式化指的是通过增加冗余或重复的数据来提高数据库的读性能。简单来说，就是浪费存储空间，节省查询时间。用行话讲，这就是以空间换时间。听起来像是用大炮打蚊子&#…...
Stable diffusion 3 正式开源
6月12日晚，著名开源大模型平台Stability AI正式开源了，文生图片模型Stable Diffusion 3 Medium（以下简称“SD3-M”）权重。 SD3-M有20亿参数，平均生成图片时间在2—10秒左右推理效率非常高，同时对硬件的需求…...
如何配置node.js环境
文章目录 step1. 下载node.js安装包step2. 创建node_global, node_cache文件夹step3.配置node环境变量step3. cmd窗口检查安装的node和npm版本号step4. 设置缓存路径\全局安装路径\下载镜像step5. 测试配置的nodejs环境 step1. 下载node.js安装包 下载地址：node.js…...
python tensorflow 各种神经元
感知机神经元（Perceptron Neuron）： 最基本的人工神经元模型，用于线性分类任务。 import numpy as npclass Perceptron:def __init__(self, input_size, learning_rate0.01, epochs1000):self.weights np.zeros(input_size 1) #…...
Gone框架介绍27 - 再讲 Goner 和 依赖注入
gone是可以高效开发Web服务的Golang依赖注入框架 github地址：https://github.com/gone-io/gone 文档地址：https://goner.fun/zh/ 文章目录 Goner 和 依赖注入Goner的定义依赖标记Goners 注册Priest函数 Goner 和 依赖注入 Gone 作为一个依赖注入框架&am…...
【Python/Pytorch 】-- 滑动窗口算法
文章目录 文章目录 00 写在前面01 基于Python版本的滑动窗口代码02 算法效果 00 写在前面 写这个算法原因是：训练了一个时序网络，该网络模型的时序维度为32，而测试数据的时序维度为90。因此需要采用滑动窗口的方法，生成一系列32…...
Clickhouse集群create drop database可删除集群数据库或只删除本地数据库
集群环境下，在任意一个节点创建数据库，如果加上了ON CLUSTER clustername，则在集群环境的所有节点上都创建了该数据库，并在集群环境的所有节点上都创建了该数据库对应的目录，且数据库的metadata_path对应的目录路径在所…...
【docker】adoptopenjdk/openjdk8-openj9:alpine-slim了解
adoptopenjdk/openjdk8-openj9:alpine-slim 是一个 Docker 镜像的标签，它指的是一个特定的软件包，用于在容器化环境中运行 Java 应用程序。 镜像相关的网站和资源： AdoptOpenJDK 官方网站 - AdoptOpenJDK 这是 AdoptOpenJDK 项目的官方网站&…...
Vscode interaction window
python 代码关联到 jupyter 模式 在代码前添加： # %%print("hellow wolrd!") 参考文档链接： https://code.visualstudio.com/docs/python/jupyter-support-py...
后端数据null前端统一显示成空
handleNullValues方法在封装请求接口返回数据时统一处理 // null 转 function handleNullValues(data) {// 使用递归处理多层嵌套的对象或数组function processItem(item) {if (Array.isArray(item)) {return item.map(processItem);} else if (typeof item object &&…...
【设计模式深度剖析】【9】【行为型】【访问者模式】| 以博物馆的导览员为例加深理解
👈️上一篇:备忘录模式 | 下一篇:状态模式👉️ 设计模式-专栏👈️ 文章目录 访问者模式定义英文原话直译如何理解呢？ 访问者模式的角色类图代码示例 访问者模式的应用优点缺点使用场景 示例解析:博物馆的导览员代码示例 访问…...
Salesforce‘s 爱因斯坦机器人助手引领工业聊天机器人时代
CRM的对话式人工智能助手，根据公司数据提供可靠的人工智能响应及日本工业聊天机器人现状 【前言】 爱因斯坦助手（Einstein Copilot）提供可靠的响应，因为它基于公司独特的数据和元数据，使其能够深入了解公司的业务和客…...
Day7—zookeeper基本操作
ZooKeeper介绍 ZooKeeper（动物园管理员）是一个分布式的、开源的分布式应用程序的协调服务框架，简称zk。ZooKeeper是Apache Hadoop 项目下的一个子项目，是一个树形目录服务。 ZooKeeper的主要功能 配置管理 分布式锁 集群管理…...
计算机组成原理---Cache的基本工作原理习题
对应知识点： Cache的基本原理 1.某存储系统中，主存容量是Cache容量的4096倍，Cache 被分为 64 个块，当主存地址和Cache地址采用直接映射方式时，地址映射表的大小应为（）(假设不考虑一致维护和替…...
springboot项目中切数据库（mysql-＞ pg）带来的适配问题:typeHandler
一、数据表中有一张表，名为role_permission，DDL如下： CREATE TABLE "public"."role_permission" ( "role_id" varchar(64) COLLATE "pg_catalog"."default" NOT NULL, "permiss…...
从零开始的＜vue2项目脚手架＞搭建：vite+vue2+eslint
前言 为了写 demo 或者研究某些问题，我经常需要新建空项目。每次搭建项目都要从头配置，很麻烦。所以我决定自己搭建一个项目初始化的脚手架（取名为 lily-cli）。 脚手架（scaffolding）：创建项目时…...
Hadoop升级失败，File system image contains an old layout version -64
原始版本 Hadoop 3.1.3 升级版本 Hadoop 3.3.3 报错内容如下 datasophon 部署Hadoop版本 查看Hadoop格式化版本 which hadoop-daemon.sh/bigdata/app/hadoop-3.1.3/sbin/hadoop-daemon.sh删除原来的旧版本 rm -rf /bigdata/app/hadoop-3.1.3查看环境变量 env|grep HADOOPHAD…...
解锁数据库简洁之道：FastAPI与SQLModel实战指南
在构建现代Web应用程序时，与数据库的交互无疑是核心环节。虽然传统的数据库操作方式（如直接编写SQL语句与psycopg2交互）赋予了我们精细的控制权，但在面对日益复杂的业务逻辑和快速迭代的需求时，这种方式的开发效率和可…...
Frozen-Flask ：将 Flask 应用“冻结”为静态文件
Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是：将一个 Flask Web 应用生成成纯静态 HTML 文件，从而可以部署到静态网站托管服务上，如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...
【LeetCode】3309. 连接二进制表示可形成的最大数值（递归|回溯|位运算）
LeetCode 3309. 连接二进制表示可形成的最大数值（中等） 题目描述解题思路Java代码 题目描述 题目链接：LeetCode 3309. 连接二进制表示可形成的最大数值（中等） 给你一个长度为 3 的整数数组 nums。 现以某种顺序 连接…...
ubuntu系统文件误删(/lib/x86_64-linux-gnu/libc.so.6)修复方案 [成功解决]
报错信息：libc.so.6: cannot open shared object file: No such file or directory： #ls, ln, sudo...命令都不能用 error while loading shared libraries: libc.so.6: cannot open shared object file: No such file or directory重启后报错信息&…...
数据结构：递归的种类（Types of Recursion）
目录 尾递归（Tail Recursion） 什么是 Loop（循环）？ 复杂度分析 头递归（Head Recursion） 树形递归（Tree Recursion） 线性递归（Linear Recursion）…...
ZYNQ学习记录FPGA(一)ZYNQ简介
一、知识准备 1.一些术语,缩写和概念： 1）ZYNQ全称：ZYNQ7000 All Pgrammable SoC 2）SoC:system on chips(片上系统)，对比集成电路的SoB（system on board） 3）ARM：处理器…...
海云安高敏捷信创白盒SCAP入选《中国网络安全细分领域产品名录》
近日，嘶吼安全产业研究院发布《中国网络安全细分领域产品名录》，海云安高敏捷信创白盒（SCAP）成功入选软件供应链安全领域产品名录。 在数字化转型加速的今天，网络安全已成为企业生存与发展的核心基石，为了解…...
高保真组件库：开关
一：制作关状态 拖入一个矩形作为关闭的底色：44 x 22，填充灰色CCCCCC，圆角23，边框宽度0，文本为”关“，右对齐，边距2,2,6,2，文本颜色白色FFFFFF。 拖拽一个椭圆，尺寸18 x 18，边框为0。3. 全选转为动态面板状态1命名为”关“。 二：制作开状态 复制关状态并命名为”开…...
职坐标物联网全栈开发全流程解析
物联网全栈开发涵盖从物理设备到上层应用的完整技术链路，其核心流程可归纳为四大模块：感知层数据采集、网络层协议交互、平台层资源管理及应用层功能实现。每个模块的技术选型与实现方式直接影响系统性能与扩展性，例如传感器选型需平衡精度与…...
)
python数据结构和算法(1)
数据结构和算法简介 数据结构：存储和组织数据的方式，决定了数据的存储方式和访问方式。 算法：解决问题的思维、步骤和方法。 程序 数据结构 算法 算法 算法的独立性 算法是独立存在的一种解决问题的方法和思想，对于算法而言&a…...