jquery - 可以通过 jQuery html() 方法设置数据的最大限制是多少

Question

一旦我从 Ajax 事件中获得响应文本，我将通过 jQuery .html() 方法更改 div 内容。

有时我会得到更多的响应数据(包含 html 和脚本以及大约 4MB 的数据)。使用 jQuery .html() 方法将响应数据设置为 div 内容确实需要更多时间。

有人能告诉我原因吗？是否有任何解决方案或替代方案？

Answer 1

首先，定期下载和插入 4MB 的 HTML 永远不会成为快速的交互式应用程序。它将成为网络和内存大户，并且性能不佳。

.html() 方法没有技术限制，除了浏览器可以访问多少内存。 .html() 是原生 .innerHTML 属性之上的外壳，没有特定限制。

4MB 的 HTML 需要花费大量时间来下载，并且浏览器需要花费大量时间来解析。这可能就是您看到的延迟。时间可能与 jQuery 无关。经过一些与您设置的实际内容无关的初始管理后，jQuery 仅设置 .innerHTML 属性，浏览器处理解析您提供的 HTML 内容。

现在，如果您要替换大量的 HTML(例如，另一组 4MB 的 HTML)，那么 jQuery 可能会慢很多，因为它必须遍历旧内容中的每个元素并确保它已经清理了所有 jQuery与那些即将被移除的元素相关联的状态。

---

您真的应该修复您的页面设计/应用程序设计，这样您就不必使用 4MB 的 HTML。