当前位置： 首页 > news >正文

学习使用js和jquery修改css路径，实现html页面主题切换功能

news 文章来源：https://blog.csdn.net/guo_qiangqiang/article/details/139804237 2024/10/24 22:20:32

学习使用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路径&#xff0c;实现html页面主题切换功能 效果图html代码js切换css关键代码jquery切换css关键代码 效果图 html代码 <!DOCTYPE html> <html> <head><meta charset"utf-8"><title>修改css路径</title&g…...

编程日记 2024/6/20 10:27:19

(转)请介绍一下Redis的数据淘汰策略

1. **NoEviction&#xff08;不淘汰&#xff09;**&#xff1a;当内存不足时&#xff0c;直接返回错误&#xff0c;不淘汰任何数据。该策略适用于禁止数据淘汰的场景&#xff0c;但需要保证内存足够。 2. **AllKeysLFU&#xff08;最少使用次数淘汰&#xff09;**&#xff1a;…...

编程日记 2024/6/20 10:26:17

APP自动化测试-Appium常见操作之详讲

一、基本操作 1、点击操作 示例&#xff1a;element.click() 针对元素进行点击操作 2、初始化&#xff1a;输入中文的处理 说明&#xff1a;如果连接的是虚拟机&#xff08;真机无需加这两个参数&#xff0c;加上可能会影响手工输入&#xff09;&#xff0c;在初始化配置中…...

编程日记 2024/6/20 10:20:10

写给大数据开发：谈谈数仓建模的反三范式

在数仓建设中&#xff0c;我们经常谈论反三范式。顾名思义&#xff0c;反范式化指的是通过增加冗余或重复的数据来提高数据库的读性能。简单来说&#xff0c;就是浪费存储空间&#xff0c;节省查询时间。用行话讲&#xff0c;这就是以空间换时间。听起来像是用大炮打蚊子&#…...

编程日记 2024/6/20 10:19:08

Stable diffusion 3 正式开源

6月12日晚&#xff0c;著名开源大模型平台Stability AI正式开源了&#xff0c;文生图片模型Stable Diffusion 3 Medium&#xff08;以下简称“SD3-M”&#xff09;权重。 SD3-M有20亿参数&#xff0c;平均生成图片时间在2—10秒左右推理效率非常高&#xff0c;同时对硬件的需求…...

编程日记 2024/6/20 10:18:07

如何配置node.js环境

文章目录 step1. 下载node.js安装包step2. 创建node_global, node_cache文件夹step3.配置node环境变量step3. cmd窗口检查安装的node和npm版本号step4. 设置缓存路径\全局安装路径\下载镜像step5. 测试配置的nodejs环境 step1. 下载node.js安装包 下载地址&#xff1a;node.js…...

编程日记 2024/6/20 10:17:06

python tensorflow 各种神经元

感知机神经元&#xff08;Perceptron Neuron&#xff09;&#xff1a; 最基本的人工神经元模型&#xff0c;用于线性分类任务。 import numpy as npclass Perceptron:def __init__(self, input_size, learning_rate0.01, epochs1000):self.weights np.zeros(input_size 1) #…...

编程日记 2024/6/20 10:16:04

Gone框架介绍27 - 再讲 Goner 和 依赖注入

gone是可以高效开发Web服务的Golang依赖注入框架 github地址&#xff1a;https://github.com/gone-io/gone 文档地址&#xff1a;https://goner.fun/zh/ 文章目录 Goner 和 依赖注入Goner的定义依赖标记Goners 注册Priest函数 Goner 和 依赖注入 Gone 作为一个依赖注入框架&am…...

编程日记 2024/6/20 10:15:03

【Python/Pytorch 】-- 滑动窗口算法

文章目录 文章目录 00 写在前面01 基于Python版本的滑动窗口代码02 算法效果 00 写在前面 写这个算法原因是&#xff1a;训练了一个时序网络&#xff0c;该网络模型的时序维度为32&#xff0c;而测试数据的时序维度为90。因此需要采用滑动窗口的方法&#xff0c;生成一系列32…...

编程日记 2024/6/20 10:14:01

Clickhouse集群create drop database可删除集群数据库或只删除本地数据库

集群环境下&#xff0c;在任意一个节点创建数据库&#xff0c;如果加上了ON CLUSTER clustername&#xff0c;则在集群环境的所有节点上都创建了该数据库&#xff0c;并在集群环境的所有节点上都创建了该数据库对应的目录&#xff0c;且数据库的metadata_path对应的目录路径在所…...

编程日记 2024/6/20 10:12:59

【docker】adoptopenjdk/openjdk8-openj9:alpine-slim了解

adoptopenjdk/openjdk8-openj9:alpine-slim 是一个 Docker 镜像的标签&#xff0c;它指的是一个特定的软件包&#xff0c;用于在容器化环境中运行 Java 应用程序。 镜像相关的网站和资源&#xff1a; AdoptOpenJDK 官方网站 - AdoptOpenJDK 这是 AdoptOpenJDK 项目的官方网站&…...

编程日记 2024/6/20 10:11:58

Vscode interaction window

python 代码关联到 jupyter 模式 在代码前添加&#xff1a; # %%print("hellow wolrd!") 参考文档链接&#xff1a; https://code.visualstudio.com/docs/python/jupyter-support-py...

编程日记 2024/6/20 10:09:55

后端数据null前端统一显示成空

handleNullValues方法在封装请求接口返回数据时统一处理 // null 转 function handleNullValues(data) {// 使用递归处理多层嵌套的对象或数组function processItem(item) {if (Array.isArray(item)) {return item.map(processItem);} else if (typeof item object &&…...

编程日记 2024/6/20 10:07:53

【设计模式深度剖析】【9】【行为型】【访问者模式】| 以博物馆的导览员为例加深理解

&#x1f448;️上一篇:备忘录模式 | 下一篇:状态模式&#x1f449;️ 设计模式-专栏&#x1f448;️ 文章目录 访问者模式定义英文原话直译如何理解呢&#xff1f; 访问者模式的角色类图代码示例 访问者模式的应用优点缺点使用场景 示例解析:博物馆的导览员代码示例 访问…...

编程日记 2024/6/20 10:01:45

Salesforce‘s 爱因斯坦机器人助手引领工业聊天机器人时代

CRM的对话式人工智能助手&#xff0c;根据公司数据提供可靠的人工智能响应及日本工业聊天机器人现状 【前言】 爱因斯坦助手&#xff08;Einstein Copilot&#xff09;提供可靠的响应&#xff0c;因为它基于公司独特的数据和元数据&#xff0c;使其能够深入了解公司的业务和客…...

编程日记 2024/6/20 10:00:43

Day7—zookeeper基本操作

ZooKeeper介绍 ZooKeeper&#xff08;动物园管理员&#xff09;是一个分布式的、开源的分布式应用程序的协调服务框架&#xff0c;简称zk。ZooKeeper是Apache Hadoop 项目下的一个子项目&#xff0c;是一个树形目录服务。 ZooKeeper的主要功能 配置管理 分布式锁 集群管理…...

编程日记 2024/6/20 9:58:41

计算机组成原理---Cache的基本工作原理习题

对应知识点&#xff1a; Cache的基本原理 1.某存储系统中&#xff0c;主存容量是Cache容量的4096倍&#xff0c;Cache 被分为 64 个块&#xff0c;当主存地址和Cache地址采用直接映射方式时&#xff0c;地址映射表的大小应为&#xff08;&#xff09;(假设不考虑一致维护和替…...

编程日记 2024/6/20 9:57:39

springboot项目中切数据库（mysql-＞ pg）带来的适配问题:typeHandler

一、数据表中有一张表&#xff0c;名为role_permission&#xff0c;DDL如下&#xff1a; CREATE TABLE "public"."role_permission" ( "role_id" varchar(64) COLLATE "pg_catalog"."default" NOT NULL, "permiss…...

编程日记 2024/6/20 9:56:37

从零开始的＜vue2项目脚手架＞搭建：vite+vue2+eslint

前言 为了写 demo 或者研究某些问题&#xff0c;我经常需要新建空项目。每次搭建项目都要从头配置&#xff0c;很麻烦。所以我决定自己搭建一个项目初始化的脚手架&#xff08;取名为 lily-cli&#xff09;。 脚手架&#xff08;scaffolding&#xff09;&#xff1a;创建项目时…...

编程日记 2024/6/20 9:54:35

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…...

编程日记 2024/6/20 9:53:33

[机器学习算法]决策树

1. 理解决策树的基本概念 决策树是一种监督学习算法&#xff0c;可以用于分类和回归任务。决策树通过一系列规则将数据划分为不同的类别或值。树的每个节点表示一个特征&#xff0c;节点之间的分支表示特征的可能取值&#xff0c;叶节点表示分类或回归结果。 2. 决策树的构建…...

编程日记 2024/6/20 9:51:31

springboot应用cpu飙升的原因排除

1、通过top或者jps命令查到是那个java进程&#xff0c; top可以看全局那个进程耗cpu&#xff0c;而jps则默认是java最耗cpu的&#xff0c;比如找到进程是196 1.1 top (推荐)或者jps命令均可 2、根据第一步获取的进程号&#xff0c;查询进程里那个线程最占用cpu&#xff0c;发…...

编程日记 2024/6/20 9:48:26

反激开关电源EMI电路选型及计算

EMI &#xff1a;开关电源对电网或者其他电子产品的干扰 EMI &#xff1a;传导与辐射 共模电感的滤波电路&#xff0c;La和Lb就是共模电感线圈。这两个线圈绕在同一铁芯上&#xff0c;匝数和相位都相 同(绕制反向)。 这样&#xff0c;当电路中的正常电流&#xff08;差模&…...

编程日记 2024/6/20 9:47:25

vue3前端对接后端的图片验证码

vue3前端对接后端的图片验证码 <template> <image :src"captchaUrl" alt"图片验证码" click"refreshCaptcha"></image> </template><script setup>import {ref} from "vue";import {useCounterStore} …...

编程日记 2024/6/20 9:46:24

【Unity】RPG2D龙城纷争（四）要诀、要诀数据集

更新日期&#xff1a;2024年6月20日。 项目源码&#xff1a;第五章发布&#xff08;正式开始游戏逻辑的章节&#xff09; 索引 简介要诀数据集&#xff08;AbilityDataSet&#xff09;一、定义要诀数据集类二、要诀属性1.要诀类型2.攻击距离3.基础命中、暴击率4.基础属性加成5.…...

编程日记 2024/6/20 9:43:20

一种基于非线性滤波过程的旋转机械故障诊断方法（MATLAB）

在众多的旋转机械故障诊断方法中&#xff0c;包络分析&#xff0c;又称为共振解调技术&#xff0c;是目前应用最为成功的方法之一。首先&#xff0c;对激励引起的共振频带进行带通滤波&#xff0c;然后对滤波信号进行包络谱分析&#xff0c;通过识别包络谱中的故障相关的特征频…...

编程日记 2024/6/20 9:41:17

HarmonyOS Next 系列之从手机选择图片或拍照上传功能实现（五）

系列文章目录 HarmonyOS Next 系列之省市区弹窗选择器实现&#xff08;一&#xff09; HarmonyOS Next 系列之验证码输入组件实现&#xff08;二&#xff09; HarmonyOS Next 系列之底部标签栏TabBar实现&#xff08;三&#xff09; HarmonyOS Next 系列之HTTP请求封装和Token…...

编程日记 2024/6/20 9:39:15

如果xml在mapper目录下,如何扫描到xml

如果xml在mapper目录下,如何扫描到xml 项目结构 src├── main│ ├── java│ │ └── com│ │ └── bg│ │ ├── Application.java│ │ ├── domain│ │ │ └── User.java│ │ …...

编程日记 2024/6/20 9:36:11

什么是无限铸币攻击？它是如何运作的？

一、无限铸币攻击解释 无限铸币攻击是指攻击者操纵合约代码不断铸造超出授权供应限制的新代币。 这种黑客行为在去中心化金融 (DeFi) 协议中最为常见。这种攻击通过创建无限数量的代币来损害加密货币或代币的完整性和价值。 例如&#xff0c;一名黑客利用了 Paid 网络的智能…...

编程日记 2024/6/20 9:34:08

【Android】怎么使APP进行开机启动

项目需求 在Android系统开启之后&#xff0c;目标app可以在系统开机之后启动。 项目实现 使用广播的方式 首先我们要创建一个广播(这里是启动了一个Service服务) public class BootReceiver extends BroadcastReceiver {Overridepublic void onReceive(Context context, I…...

编程日记 2024/6/20 9:32:05

在香港做网站需要什么条件/想卖产品怎么推广宣传

背景介绍 下面将以netty官方UptimeServer的源码为例子&#xff0c;讲解&#xff0c;Channel如何注册到EventLoop的过程。背景资料链接描述 服务端代码demo public static void main(String[] args) throws Exception {EventLoopGroup bossGroup new NioEventLoopGroup(1);Even…...

编程日记 2024/10/24 16:17:03

wordpress formcraft 0.8下载/广东东莞疫情最新消息

《Think Python》是很多 Python 初学者的不二入门教材&#xff0c;受到广泛好评。该书原作者是美国 Olin 工程学院的教授 Allen B. Downey&#xff0c;目前该书的原版和中文版本都已免费开源。Python是一种跨平台的计算机程序设计语言。是一种面向对象的动态类型语言&#xff…...

编程日记 2024/10/24 15:36:40

宜昌市建设厅官方网站/最新资讯热点

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼百度网盘&#xff1a;https://pan.baidu.com/s/1qYWsUh2--------------------------安装--------------------------KF2Server.bat右键编辑加上启用参数?MutatorAdminCmdsV206.AdminCmdsMut(如果服务器启用多个Mutator插件则由逗号…...

编程日记 2024/10/24 12:15:40

wap端网站建设/企业微信会话内容存档

TIPS之前我们学的都是二叉树的顺序存储 &#xff0c;实际上就是用数组来表示&#xff0c;现在都知道数组其实就是完全二叉树&#xff0c;二叉树的顺序存储仅仅适合用于完全二叉树与堆,并不适合一般的二叉树无论是大堆还是小堆&#xff0c;本质上的作用充当的都是选数。如果说用…...

编程日记 2024/10/24 10:49:27

网站qq在线代码/南宁seo主管

慕雪6173905你在试图不枢轴数据。MySQL没有un枢轴函数&#xff0c;因此您必须使用UNION ALL将列转换为行的查询&#xff1a;select id, a col, a valuefrom yourtableunion allselect id, b col, b valuefrom yourtableunion allselect id, c col, c valuefrom yourtable看见SQ…...

编程日记 2024/10/24 6:37:09

湖南企业建站系统信息/企业推广宣传文案

#261. 天天爱跑步 NOIP2016 D1T2 题目描述 小C同学认为跑步非常有趣&#xff0c;于是决定制作一款叫做《天天爱跑步》的游戏。《天天爱跑步》是一个养成类游戏&#xff0c;需要玩家每天按时上线&#xff0c;完成打卡任务。 这个游戏的地图可以看作一棵包含 nn 个结点和 n−1n−…...

编程日记 2024/10/24 6:33:07