iframe加载误会？

Question

我做了一个简单的** test **

我有10个<p>元素。

在第一个元素之后我有一个脚本： 使用Iframes创建了10个SRc，并将它们附加到第一个

元素。

for (var i=0;i<10;i++)
     {
       var t=$("<iframe />").css({'width':'50px','height':'50px'}).attr('src','http://www.msdn.com');
        $("#hello").append(t);
      }

很奇怪，但我确实看到了其他9 <p>，之前整个iframe的完整加载......

不应该在Page元素中添加新元素（iframe）来阻止后续的html渲染吗？ （另外，正如我们所知，javascript是单线程的）

Answer 1

没有。 JavaScript 是单线程的，但这并不意味着浏览器无法同时启动多个HTTP请求。考虑到图像也通过并发HTTP请求加载。

向文档添加<iframe>启动 HTTP请求，但是 - 因为 JavaScript是单线程的 - 代码不等待它完成