任何一个前端工程师想必对<img>
标签都非常熟悉了,毕竟经常和它打交道嘛。但你真的对它完全了解吗?如果你能准确无误地回答出以下几个关于<img>
的问题,那么恭喜你,本文你可以不再往下看了,或者说你可以用省视的目光来核对本文。
问题
- 问题1:如果在一个页面上插入
<img>
标签,有哪些属性是必需的? - 问题2:
<img>
标签在HTML和XHTML中有什么区别? - 问题3:在一个页面上插入
<img>
标签,为什么说最好要使用height和width属性? - 问题4:
<img>
标签的onload/onerror/onabort事件,在什么情况下会被触发? - 问题5:我们一般知道,当一个图片请求返回404时,会触发onerror事件,那当图片请求返回302时,会触发onerror事件吗?304呢?403呢?500呢?请求超时呢?甚至说当返回200,但内容并非是图片时,也会触发onerror么?
- 问题6:图片触发onerror事件时,能使用javascript获取到图片请求的响应代码么?
- 问题7:我们一般知道,
<img>
标签可以用来发起跨域请求,你能手写出一段正确使用<img>
发起跨域请求的javascript代码么? - 问题8:用户是可以设置浏览器不显示图片的,尤其是在移动设备上,用户为了节省流量,往往会进行那么,如何获知用户是否禁止浏览图片呢?
参考资料
[转]你不知道的标签