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

src和href区别

src和href区别

  • (1)请求资源类型不同
  • (2)作用结果不同
  • (3)解析方式不同

(1)请求资源类型不同

  • href
    用来建立文档和元素之间的链接(是引用),常用的有a、link
  • src
    在请求src资源时候会将指向的资源下载并且应用到文档中(引入),常用的有script、iframe、image。

(2)作用结果不同

  • href
    不会替换当前内容
  • src
    会替换当前内容
   <script src="source.js">console.log("1111")//将会被替代</script>

(3)解析方式不同

  • href
    当浏览器解析到href处,浏览器会识别文件,并行下载资源。(不会停止对当前资源的处理)
  • src
    当浏览器解析到src处,会暂停对当前资源的处理,直到该资源执行完毕。这就是为啥要把js放在底部的原因。

相关文章:

src和href区别

src和href区别 (1)请求资源类型不同(2)作用结果不同(3)解析方式不同 (1)请求资源类型不同 href 用来建立文档和元素之间的链接(是引用),常用的有a、linksrc 在请求src资源时候会将指向的资源下载并且应用到文档中(引入),常用的有script、iframe、image。 (2)作用结果不同 hr…...

Java每日精进·45天挑战·Day19

第一部分&#xff1a;移除数字以形成最小数的贪心算法实现 在编程的世界里&#xff0c;我们经常遇到需要对字符串表示的数字进行操作的问题。今天&#xff0c;我们要深入探讨一个具体的挑战&#xff1a;给定一个以字符串形式表示的非负整数 num 和一个整数 k&#xff0c;我们的…...

区块链的交易管理和共识机制

区块链的交易管理和共识机制是其核心功能&#xff0c;以下为你详细介绍它们的实现方式&#xff1a; 交易管理的实现 交易发起 • 用户使用钱包软件创建一笔交易&#xff0c;该交易包含发送方地址、接收方地址、转账金额等关键信息。同时&#xff0c;发送方会使用自己的私钥对…...

最新国内 ChatGPT Plus/Pro 获取教程

最后更新版本&#xff1a;20250202 教程介绍&#xff1a; 本文将详细介绍如何快速获取一张虚拟信用卡&#xff0c;并通过该卡来获取ChatGPT Plus和ChatGPT Pro。 # 教程全程约15分钟开通ChatGPT Plus会员帐号前准备工作 一个尚未升级的ChatGPT帐号&#xff01;一张虚拟信用卡…...

Apollo 9.0 速度动态规划决策算法 – path time heuristic optimizer

文章目录 1. 动态规划2. 采样3. 代价函数3.1 障碍物代价3.2 距离终点代价3.3 速度代价3.4 加速度代价3.5 jerk代价 4. 回溯 这一章将来讲解速度决策算法&#xff0c;也就是SPEED_HEURISTIC_OPTIMIZER task里面的内容。Apollo 9.0使用动态规划算法进行速度决策&#xff0c;从类名…...

Apache Iceberg 与 Apache Hudi:数据湖领域的双雄对决

在数据存储和处理不断发展的领域中&#xff0c;数据湖仓的概念已经崭露头角&#xff0c;成为了一种变革性的力量。数据湖仓结合了数据仓库和数据湖的最佳元素&#xff0c;提供了一个统一的平台&#xff0c;支持数据科学、商业智能、人工智能/机器学习以及临时报告等多种关键功能…...

【LeetCode Hot100 普通数组】最大子数组和、合并区间、旋转数组、除自身以外数组的乘积、缺失的第一个正整数

普通数组 1. 最大子数组和&#xff08;Maximum Subarray&#xff09;解题思路动态规划的优化解法&#xff08;Kadane 算法&#xff09;核心思想 代码解析 2. 合并区间&#xff08;Merge Intervals&#xff09;解题思路代码实现 3. 旋转数组&#xff08;Rotate Array&#xff09…...

共享存储-一步一步部署ceph分布式文件系统

一、Ceph 简介 Ceph 是一个开源的分布式文件系统。因为它还支持块存储、对象存储&#xff0c;所以很自 然的被用做云计算框架 openstack 或 cloudstack 整个存储后端。当然也可以单独作 为存储&#xff0c;例如部署一套集群作为对象存储、SAN 存储、NAS 存储等。 二、ceph 支…...

19.Python实战:实现对博客文章的点赞系统

Flask博客点赞系统 一个基于Flask的简单博客系统&#xff0c;具有文章展示和点赞功能。系统使用MySQL存储数据&#xff0c;支持文章展示、点赞/取消点赞等功能。 功能特点 文章列表展示文章详情查看&#xff08;模态框展示&#xff09;点赞/取消点赞功能&#xff08;每个IP只…...

【stm32】定时器输出PWM波形(hal库)

一. PWM基本原理 PWM是一种通过调节信号的占空比&#xff08;Duty Cycle&#xff09;来控制输出平均电压的技术。占空比是指高电平时间与整个周期时间的比值。例如&#xff1a; - 占空比为50%时&#xff0c;输出平均电压为电源电压的一半。 - 占空比为100%时&#xff0c;输出始…...

当Ollama遇上划词翻译:我的Windows本地AI服务搭建日记

&#x1f680; 实现Windows本地大模型翻译服务 - 基于OllamaFlask的划词翻译实践 &#x1f6e0;️ 步骤概要1️⃣ python 环境准备2️⃣ Ollama 安装3️⃣ 一个 Flask 服务4️⃣ Windows 服务化封装5️⃣ 测试本地接口6️⃣ 配置划词翻译自定义翻译源7️⃣ 效果展示8️⃣ debug…...

Linux上Elasticsearch 集群部署指南

Es 集群部署 Es 集群部署 Es 集群部署 准备好三台服务器。示例使用&#xff1a;110.0.5.141/142/143 1、es用户和用户组创建&#xff0c;使用root账号 groupadd esuseradd -g es es2、将es安装包和ik分词器上传到&#xff1a;/home/es/目录下&#xff08;任意目录都行&#…...

字节Trae使用感想(后端)

前言 昨天分享了字节哥的Trae从0到1创作模式构建一个vue前端项目&#xff0c;今天又来试试她的后端项目能力。不是我舔&#xff0c;不得不说确实不错。可惜现在曾经没有好好学习&#xff0c;进不了字节。既然进不了字节&#xff0c;那我就用字节哥的产品吧。 后面有惊喜…...

国产编辑器EverEdit - 二进制模式下观察Window/Linux/MacOs换行符差异

1 换行符格式 1.1 应用场景 稍微了解计算机历史的人都知道&#xff0c; 计算机3大操作系统&#xff1a; Windows、Linux/Unix、MacOS&#xff0c;这3大系统对文本换行的定义各不相同&#xff0c;且互不相让&#xff0c;导致在文件的兼容性方面存在一些问题&#xff0c;比如它们…...

文心一言4月起全面免费,6月底开源新模型:AI竞争进入新阶段?

名人说&#xff1a;莫听穿林打叶声&#xff0c;何妨吟啸且徐行。—— 苏轼 Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 目录 一、文心一言免费化的背后&#xff1a;AI成本与应用的双重驱动1️⃣成本下降&#xff0c;推动文心一言普及2…...

解锁机器学习算法 | 线性回归:机器学习的基石

在机器学习的众多算法中&#xff0c;线性回归宛如一块基石&#xff0c;看似质朴无华&#xff0c;却稳稳支撑起诸多复杂模型的架构。它是我们初涉机器学习领域时便会邂逅的算法之一&#xff0c;其原理与应用广泛渗透于各个领域。无论是预测房价走势、剖析股票市场波动&#xff0…...

如何使用Three.js制作3D月球与星空效果

目录 1. 基本设置2. 创建星空效果3. 创建月球模型4. 添加中文3D文字5. 光照与相机配置6. 动画与控制7. 响应式布局8. 结语 在本文中&#xff0c;我们将一起学习如何利用Three.js实现一个3D月球与星空的效果&#xff0c;并添加一些有趣的元素&#xff0c;比如中文3D文字和互动功…...

SQL语句语法

SQL数据库的结构为 库database 表table 段segment 行row 列column 或field SQL 语句主要分为以下几类&#xff1a; 数据定义语言&#xff08;DDL&#xff09;&#xff1a;用于定义数据库对象&#xff0c;如数据库、表、视图、索引等。数据操作语言&#xff08;DML&#xff09;&…...

github上文件过大无法推送问题

GitHub 对文件大小有限制&#xff0c;超过 100 MB 的文件无法直接推送到仓库中。 解决思路&#xff1a; 使用 Git Large File Storage (Git LFS) 来管理大文件不上传对应的大文件 使用Git LFS&#xff1a; 1. 安装 Git LFS 首先&#xff0c;你需要安装 Git LFS。可以按照以…...

微信小程序的请求函数封装(ts版本,uniapp开发)

主要封装函数代码&#xff1a; interface HttpOptions {url: string;method?: string;headers?: { [key: string]: string };data?: any; }class Http {private timeout: number;private baseUrl: string;public constructor() { this.timeout 60 * 1000;this.baseUrl ht…...

555电影网:全网影视网,高清追剧的不二之选

在当下快节奏的生活里&#xff0c;很多人下班回家最放松的方式就是打开一部好剧&#xff0c;沉浸其中。面对海量影视资源&#xff0c;如何快速找到画质清晰、更新及时、观看流畅的平台&#xff0c;成为不少人的困扰。而555电影网正逐渐成为很多剧迷心中的首选。 作为一个聚合全…...

OpenClaw本地化部署:构建Claude Code桥梁实现AI智能体零成本调用

1. 项目概述&#xff1a;为OpenClaw构建一个完全本地的Claude Code桥梁如果你和我一样&#xff0c;对AI Agent的潜力感到兴奋&#xff0c;但又对将核心工作流完全托付给云端API的延迟、成本和不可控性感到不安&#xff0c;那么这个项目可能就是你在寻找的答案。openclaw-local-…...

Matsumiko/runbook:代码化运维手册,实现故障处理自动化与知识沉淀

1. 项目概述&#xff1a;Runbook&#xff0c;运维的“作战手册”在运维和DevOps的世界里&#xff0c;我们每天都在和各种系统、服务、故障打交道。你有没有遇到过这样的场景&#xff1a;凌晨三点&#xff0c;线上服务突然告警&#xff0c;你睡眼惺忪地爬起来&#xff0c;面对复…...

Go语言错误处理:error接口与错误包装详解

Go语言错误处理&#xff1a;error接口与错误包装详解 1. Go语言错误处理哲学 Go语言采用显式错误处理的哲学&#xff0c;与其他语言的异常机制不同。在Go中&#xff0c;错误被视为一种普通的返回值&#xff0c;函数通过返回error类型来表示可能出现的错误。这种设计使得错误处理…...

别再只当复位工具!深入STM32H7的IWDG窗口模式,实现更精准的故障检测

解锁STM32H7 IWDG窗口模式&#xff1a;从复位工具到智能监控策略的蜕变 在嵌入式系统开发中&#xff0c;看门狗定时器(WDT)常被视为最后的防线——当系统跑飞时触发复位。但STM32H7系列的独立看门狗(IWDG)提供的窗口模式&#xff0c;彻底颠覆了这一传统认知。想象一下&#xff…...

反转课堂从作业开始!PPT内置作业管理工具,课代表扛活、学生自评,老师终于能闲下来啦!

边听边看收获更多&#xff01;作业管理陷入 “老师全包” 困境&#xff1f;三个问题戳中痛点&#xff01;收作业、登名单、改作业、记手册&#xff0c;老师一人包揽所有流程&#xff0c;每天被琐事缠身&#xff0c;根本没精力深耕教学&#xff1f;学生被动交作业、等待老师评价…...

手把手教你用Mimikatz制作Golden Ticket黄金票据(附实战避坑指南)

从零到一掌握Golden Ticket攻击&#xff1a;实战技巧与深度防御解析 在网络安全领域&#xff0c;Kerberos协议作为Windows域环境的核心认证机制&#xff0c;其安全性直接关系到整个企业网络的基础架构防护。而Golden Ticket&#xff08;黄金票据&#xff09;攻击&#xff0c;则…...

Godot开发者必备:Awesome Godot资源合集使用指南

1. 项目概述&#xff1a;一份为Godot开发者量身定制的“藏宝图”如果你正在使用Godot引擎开发游戏&#xff0c;或者对这个开源、免费且功能强大的游戏引擎感兴趣&#xff0c;那么你很可能已经体会过在茫茫互联网中寻找高质量资源、插件和参考项目的痛苦。官方文档固然详尽&…...

从零构建个性化AI智能体:基于开源框架的实践指南

1. 项目概述&#xff1a;从零构建一个个性化的智能体锻造工坊最近在GitHub上看到一个挺有意思的项目&#xff0c;叫“openclaw-personalized-agent-forge”。光看名字&#xff0c;你可能会觉得这又是一个跟风大语言模型&#xff08;LLM&#xff09;的玩具项目。但作为一个在AI应…...

基于MCP协议实现本地ERP与AI助手安全集成:以Subiekt GT为例

1. 项目概述&#xff1a;当波兰ERP遇上AI助手如果你在波兰经营一家中小型企业&#xff0c;或者为这样的企业提供IT服务&#xff0c;那么“Subiekt GT”这个名字对你来说一定不陌生。作为InsERT公司旗下最受欢迎的桌面版ERP系统&#xff0c;它几乎是波兰本土商贸、服务行业财务和…...