【日常记录-JS】link标签的href依据url参数动态修改

server/2024/9/22 21:14:35/
htmledit_views">
Author:赵志乾
Date:2024-08-05
Declaration:All Right Reserved!!!

1. 简介

        link标签的href属性通常用于指定外部资源的URL,例如CSS样式表。由于HTML本身是静态的,故不能直接在HTML中根据url参数动态修改link标签的href属性,但可以通过使用JavaScript来实现这一功能。原有代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>AnyLogic</title><link href="standalone.min.css" rel="stylesheet">
</head>

2. 代码示例

        修改后的代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>AnyLogic</title>
</head>
<script>// step1: 创建link标签let linkTag = document.createElement('link');linkTag.rel = 'stylesheet';linkTag.type = 'text/css';// step2: 添加至htmldocument.head.appendChild(linkTag);// step3: 拼接验签参数linkTag.href = 'standalone.min.css'+window.location.search;
</script>


http://www.ppmy.cn/server/96314.html

相关文章

【Git】git 从入门到实战系列(一)—— Git 的诞生,Linus 如何在 14 天内编写出 Git?

<> 博客简介&#xff1a;Linux、rtos系统&#xff0c;arm、stm32等芯片&#xff0c;嵌入式高级工程师、面试官、架构师&#xff0c;日常技术干货、个人总结、职场经验分享   <> 公众号&#xff1a;嵌入式技术部落   <> 系列专栏&#xff1a;C/C、Linux、rt…

杂谈c语言——3.内存对齐

先看两个例子&#xff1a; typedef struct S {int a;double b;char c; }S;typedef struct B {int a;char b;double c; }B;int main() {printf("S : %d\n", sizeof(S));printf("B : %d\n", sizeof(B));return 0; } 结果为&#xff1a; S:24; B:16&#xff…

基于Matlab的车牌识别系统设计与实现

基于Matlab的车牌识别系统设计与实现 摘要 随着智能交通系统的不断演进&#xff0c;车牌识别技术已成为提升交通管理效率与准确性的关键。本文深入探讨了基于Matlab平台的车牌识别系统设计与实现&#xff0c;该系统通过精细的图像预处理、高效的车牌定位算法、精准的字符分割…

阿里巴巴商家联系方式采集软件使用教程

以下是一个批量访问阿里巴巴商家店铺的Python代码示例&#xff1a; import requestsdef visit_shop(shop_url):try:response requests.get(shop_url)if response.status_code 200:print(f"成功访问店铺&#xff1a;{shop_url}")else:print(f"访问店铺失败&am…

搭建自己的金融数据源和量化分析平台(五):更新两市退市股票信息

在前面的股票列表设计中&#xff0c;我们有一个list_status字段&#xff0c;可能的值为L上市 D退市 P暂停上市。 由于股票可能会被退市&#xff0c;因此需要该字段来维护上市状态。 深市爬虫&#xff1a; # 读取深交所最新退市股票列表 def get_delisted_stock_list():cache_f…

C:初识指针—学习笔记

目录 前言&#xff1a; 1、内存和地址 1.1 理解内存和地址 1.2 理解编址 2、指针变量和地址 2.1 取地址操作符&#xff1a;& 2.2 指针变量 2.3 如何拆解指针类型 2.4 解引用操作符&#xff08;*&#xff09; 2.5 指针变量的大小 3、指针变量类型的意义 3.1 指针…

python 实现FFT快速傅立叶变换算法

FFT快速傅里叶变换介绍 FFT&#xff08;快速傅里叶变换&#xff09;是计算离散傅里叶变换&#xff08;DFT&#xff09;及其逆变换的一种高效算法。DFT是一种将信号从时域转换到频域的数学工具&#xff0c;而FFT通过减少计算量来加速这一过程。 FFT的基本思想 FFT利用了DFT中…

使用js给数字进位,比如23333元进位成2.33万元

文章目录 一、进位函数&#xff1a;二、使用&#xff1a;总结 一、进位函数&#xff1a; //数字进位getUnitObjWithNumber(value){let dataconst returnObj {}let dw let chengshu 1if (isNaN(value)) {data 0} else {data parseFloat(value)}if (Math.abs(data) < 100…