img标签

发布时间 2023-04-19 09:46:29作者: 挖洞404

1、介绍

img标签,对应单词image,用于在文档中加载图片进行显示。

2、指定图片

<img src="/imgs/1.jpg" />
  • src属性可以是绝对路径,也可以是相对路径
  • img支持加载.gif,.jpg,.png
  • src必须是图片格式的文件后缀名浏览器才会进行请求以及加载,比如是.jsp后缀,浏览器不会请求
  • src是正确后缀名时,可以携带参数

3、alt属性

<img src=1 alt="图片不存在">
  • 当图片不存在,或者因为网络等原因加载不出来时,图片处显示alt属性指定的文本以代替,目的是友好提示

4、onerror事件

<img src=1 onerror="alert(/xss/)">
<img src=1 onerror="this.src='a.jpg'">
  • 当src错误时,会触发onerror事件
  • 在事件里可以通过this.src对当前的元素的src属性进行重新赋值
  • 如果onerror事件对src赋值也是错误的,则会又触发onerror事件,一直循环