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

news/2025/1/15 14:03:05/
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/news/1505021.html

相关文章

Ubuntu配置VNC Server及自启动(X11VNC)

Ubuntu20.04推荐安装x11vnc 查看当前正在使用的显示管理器&#xff1a; cat /etc/X11/default-display-manager #ubuntu18.04 是 /usr/sbin/gdm3 cat /etc/X11/default-display-manager #ubuntu16.04 是 /usr/sbin/lightdm #通常返回为 /usr/sbin/gdm3 或 /usr/sbin/lig…

JAVA字符串刷题(力扣经典算法及题解)

练习一&#xff1a; 输入字符串aba,依次输出各个字符 import java.util.Scanner;public class StringTomrs {public static void main(String[] args) {Scanner scnew Scanner(System.in);String numbersc.next();System.out.println("输入的字符串是"number);for(i…

深信服day9:文件后缀名和Cookie和前后端地址区别

一、文件后缀名 ISO&#xff1a;镜像文件 RAR&#xff1a;压缩包 html&#xff1a;网页 zip&#xff1a;压缩包 exe&#xff1a;可执行文件 pdf&#xff1a;pdf文档 rm&#xff1a;视频文件 avi&#xff1a;视频文件 tmp&#xff1a;临时文件 mdf&#xff1a;虚拟光驱…

C# 设计模式之简单工厂模式

总目录 前言 本文是个人基于C#学习设计模式总结的学习笔记&#xff0c;希望对你有用&#xff01; 1 基本介绍 简单工厂模式 定义&#xff1a;用于创建对象&#xff0c;将对象的创建与使用分离。 简单工厂模式中用于创建实例的方法是静态(static)方法&#xff0c;因而简单工厂…

彻底搞懂前端跨域解决方案

一、浏览器的同源策略 1、同源策略概述 同源策略是浏览器为确保资料安全&#xff0c;而遵循的一种策略&#xff0c;该策略对访问资源进行了一些限制。 2、什么是源&#xff08;origin&#xff09;&#xff1f; 3、示例 4、同源请求 5、非同源请求 二、跨域会受到哪些限制 1…

Python 爬虫入门(七):requests 库的使用「详细介绍」

Python 爬虫入门&#xff08;七&#xff09;&#xff1a;requests 库的使用「详细介绍」 前言1. 初识 requests1.1 安装 requests 库1.2 发送 GET 请求1.3 发送 POST 请求 2. HTTP 请求详解2.1 请求方法2.2 请求头2.3 请求参数 3. 处理响应3.1 响应内容3.2 响应状态码3.3 响应头…

@Component 注解高端玩法【策略模式】

优质博文&#xff1a;IT-BLOG-CN 在Spring框架中&#xff0c;Component注解本身并不支持直接通过注解参数来定义一个key值。不过&#xff0c;你可以通过自定义注解和Qualifier注解来实现类似的功能。 以下是一个示例&#xff0c;展示如何通过自定义注解和Qualifier来实现将不同…

Python爬虫技术 第33节 未来趋势和技术发展

网络爬虫&#xff08;Web crawler&#xff09;是一种自动化的程序或脚本&#xff0c;用于遍历互联网上的网页并收集所需的数据。爬虫技术在许多领域都有广泛的应用&#xff0c;从搜索引擎到数据分析、市场研究、竞争情报等。 爬虫技术的基础 基本原理&#xff1a; URL管理&…