src与href区别

最新推荐文章于 2021-07-20 05:59:24 发布
最新推荐文章于 2021-07-20 05:59:24 发布
阅读量342 收藏
点赞数
分类专栏： html 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crystal6918/article/details/70212327
版权
面试 同时被 2 个专栏收录
62 篇文章 1 订阅
订阅专栏
html
18 篇文章 0 订阅
订阅专栏
  • href
    • 指定网络资源的位置，在当前元素和引用资源之间建立链接
    • 浏览器在解析到此处不会加载这个链接的内容，页面解析不会暂停
  • src
    • 表示引用一个外部资源，并将资源加载到当前元素中
    • 常见于script、img、video、object
    • 阻塞的。浏览器解析到此处会暂停所有渲染而加载此处内容直到加载完成
gigi就是我
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html href与src的区别
Novice-XiaoSong的博客
10-30 166
一、href href 超文本引用（Hypertext Reference），用于建立资源和页面间的联系通道 常用标签： <a>, <link> 在解析包含 href 属性的标签时，浏览器会继续往下走，不会影响后续标签的解析。例如：使用 <link> 标签加载 css 文件时，在解析到 <link> 标签时，浏览器会并发地下载所需文件，不会影响后续解析。（推荐使用 <link> 标签来引入css文件，而不使用 @import） 二、src s
CSS：两栏布局，三栏布局
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
02-15 9671
两栏布局方法一：浮动布局<div id = "aside"> </div> <div id = "main"> </div> div{ height:500px; } #aside{ width:300px; background-color:yellow; float:left; } #main{ background-color:aqua; margin-left:300
Img中src路径变成Object问题处理
gyueh的博客
12-16 2350
处理办法： 关闭浏览器，重新启动项目
img标签src="[object Moudle]"问题解决办法
大风起兮云飞扬
02-09 3233
       在使用webpack配置配置项目时，遇到了图片src="[object Moudle]"的问题，具体如图：         配置图片url-loader,配置如图: 解决办法如图： 在options里面加入esModule:false...
图片img标签 src="[object Module]" --学习笔记
simper_boy的博客
12-09 1万+
在使用webpack4初始化项目，基础配置完之后出现的一个问题。如下图 img属性src="[object Module]"，引入图片的方式为 配置的图片loader试了两种都不行：file-loader、url-loader 配置如下 解决办法 在option里面加入 esModule: false ...
html照片src与href,HTML中href、src区别
weixin_42126865的博客
07-20 540
href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如：浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因。src是source的缩写，src的内容是页面必不可少的一部分，是引入。src指向的内容会嵌入到文档中当前标签所在的位置。...
src与href属性的区别
09-22
src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
浅谈HTML中src和href之间的区别
01-19
简单来说 src 就是 “我想加载这个资源”，而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换，href 用于和相关文档和外部资源建立相关链接。 href 属性说明本地Web资源和定义的资源建立了链接。 如： ...
href和src的区别
05-31
href和src的区别
href和src、link和@import的区别详解
01-19
href和src的区别： href(Hypertext Reference)：超文本引用，常用的标签有link、a等，用来链接引用的外部资源。在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系，如： <link ...
js:防抖动与节流
热门推荐
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
03-15 2万+
针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能。因此针对这类事件要进行防抖动处理： 它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成 一次，并在给定时间过去之后仅被调用一次。// 将会包装事件的 debounce 函数 function deboun
js数组扁平化
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
08-12 1万+
参考自JavaScript专题之数组扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。var arr = [1, [2, [3, 4]]]; //扁平化之后：[1,2,3,4]; 递归 循环数组元素，如果还是一个数组，就递归调用该方法 function flatten(arr){ var res = []; for(var i
知识点：阻止scroll事件
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
08-23 1万+
面试的时候被问道怎么取消一个事件的默认行为，当然是用event.preventDefault()了。 但是怎么屏蔽页面的滚动？这里event.preventDefault()不起作用，原因就是scroll事件属于UI事件，而UI事件一般是不能够取消默认行为的。UI事件包括： load、unload abort error select resize scroll 为这类事件绑定事件处理函数，只会在
js学习笔记：柯里化
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
08-13 8746
柯里化是指将使用多个参数的函数转换成一系列使用一个参数的函数的技术。 柯里化的用途主要是参数复用，例如：function add(a, b) { return a + b; } add(1,2) //3在柯里化之后或许可以这样使用：var addCurry = curry(add); addCurry(1)(2); //3或许针对这种简单的将两个数相加的场景，柯里化显得有点多余。但是如果我
js解析url查询参数
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
08-06 8383
var path = 'www.u.com/home?id=2&type=0&dtype=-1';function parseUrl(url){ var result = []; var query = url.split("?")[1]; var queryArr = query.split("&"); queryArr.forEach(function(item)
CSS：readonly与disabled属性
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
02-17 6454
共同点：二者都不可被编辑； input的disable和readonly的区别：disabled： 在表单被提交的时候不会被发送 无法被focus，在使用tab切换表单项的时候也会被跳过 readonly： 在表单被提交时数据会被发送 可以被focus，也可以被tab切换选中
js面试算法
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
03-09 6213
验证一个数是否是质数 质数只能被1和它自己整除，因此令被除数从2开始，若能整除则不是质数，若不能整除则加一，直到被除数到达根号n，此时n则是质数。 var isPrime = function(n){ var divider = 2; var limit = Math.sqrt(n); while(divider<=limit){ if(n%divide
for in、for of、forEach的区别
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
07-14 4896
forEachforEach（）是数组的一个方法，用于遍历数组的每一项，并对每一项执行一个callback函数。 forEach（）没有返回值，返回值总是undefined。let a = ["a","b","c"]; a.forEach(function(item,index,array){ console.log(item); }) // a // b // cfor…ofES6提出
知识点：window.postMessage
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
03-13 4097
window.postMessage() 方法可以安全的进行跨域、跨页面通信。 window.postMessage() 需要在页面加载完毕后才能进行跨域通信，但是我们无法检测目标页面的onload事件，所以只能使用setTimeout和setInterval来处理。发送消息otherWindow.postMessage(message, targetOrigin, [transfer])其中ot
简述一下src与href的区别
最新发布
03-23
src和href都是HTML中的属性，但是它们的作用不同。src是source的缩写，用于指定要嵌入到HTML文档中的外部资源的URL，比如图片、音频、视频等。...简而言之，src是用于嵌入资源，而href是用于链接到资源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值