iFrame内图片加载时机及嵌入场景下外部图片加载来源咨询

1. iFrame中的图片何时会完成加载？ #

• 当图片的全部字节下载至客户端，且浏览器完成图片的解码与渲染后，会触发图片的load事件，此时判定为图片加载完成。
• 若要监听iframe内的图片加载状态，可直接监听目标图片的load事件；如果是判断整个iframe内所有资源（包括图片）加载完成，可监听iframe自身的load事件。
• 补充：如果图片从浏览器缓存加载，load事件会立即触发，因此建议绑定事件前先检查图片的complete属性，若该属性为true，则说明图片已加载完成。

2. 嵌入在iframe中的网站，其外部源图片的加载路径？ #

• 完整流程：父页面加载后，向你的服务器请求HTML、CSS和JS资源；客户端浏览器拿到这些资源并解析到<img>标签时，直接向图片的外部源服务器发起请求拉取图片。
• 不存在以下两种情况：你的网站加载图片后再发送给iframe；嵌入你的网站的父站点去拉取图片。所有资源请求均由客户端浏览器直接发起，你的网站仅提供页面结构、样式与脚本代码，图片资源的请求完全由客户端处理。

内容的提问来源于stack exchange，提问作者Nightworker