javascript - iframe加载误区？

Question

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

我有 10 个 <p>元素。

在第一个元素之后我有一个脚本:这创造了 10 Iframes与 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 完全加载之前...

在页面元素中添加新元素(iframe)不应该阻止后续的 html 呈现吗？(另外，正如我们所知，javascript 是单线程的)

Answer 1

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

添加 <iframe>到文档开始一个 HTTP 请求，但是 — 因为 JavaScript 是单线程的 — 代码不会等待它完成。