循环中的大文件上的jQuery load（）会使浏览器无响应。如何修复？

我有一个关于以下内容的循环：

$(document).ready(function() {
    $( "#" + divname[k]).load(documentname[k] + ".html", function(a, b) {
        console.log(documentname[k] + " was loaded");
    });
});

循环大约需要30-50次迭代，每个文件都不同，重量约为1mb

我在safari和chrome上试过，这两种浏览器在加载所有内容并将控制权返回给用户之前，会有1-2分钟的时间没有响应

如果循环只有10个项目长，它可以正常工作而不会冻结。 我做了很多研究，看起来$（）.load应该异步工作，而不会冻结UI。 我做错了什么

---

谢谢大家!

< P>如果你把这个放在你的页面的顶部，并且这个页面还有其他的代码> HTML 元素，它不需要加载进去，考虑把JavaScript放到页面的底部，所以它是最后一个被加载的东西。

---

您还可以将该代码放入函数中。

在加载所有其他代码（css、html和JS文件）后使用Ajax