内网开发 iframe加载顺序
时间: 2024-08-13 11:01:39 浏览: 175
内网开发中的iframe加载顺序通常取决于浏览器的渲染机制以及网络请求的优先级。当在一个页面(宿主页面)中嵌套了另一个页面(iframe内容)时,加载过程会按照以下几个步骤:
1. **解析HTML**: 浏览器开始解析包含iframe的HTML文档,识别出iframe标签。
2. **创建iframe元素**: 浏览器为iframe创建一个新的独立窗口对象,虽然它是一个嵌入式窗口,但它有自己的生命周期。
3. **初始化src属性**: 如果iframe有`src`属性,浏览器会尝试发起到指定URL的HTTP请求获取iframe的内容。
4. **源文档加载**: 主体页面继续加载,而iframe的内容开始异步加载。这可能会阻塞主体页面的其他资源下载,尤其是如果iframe的src地址不在同一域下,因为浏览器有同源策略限制。
5. **DOMContentLoaded事件**: 当iframe的内容加载完成并可以被DOM访问时,DOMContentLoaded事件触发,此时内部页面的一些基本结构已经可用。
6. **onLoad事件**: iframe的`onLoad`事件会在其所有资源(如图片、脚本等)都加载完成后触发。
7. **主体页面继续**: 同时,主体页面不会等待iframe完全加载,而是继续执行后续的JavaScript代码。
阅读全文