javascript - 通过 jquery 添加过多 html 时浏览器崩溃

标签 javascript jquery html browser

我有一个 html 页面,并使用 jQuery 从 script 标记的内容 html 附加新的 tr 标记。

script 标签的内容 html 包含太多 html,当为 table 追加几次时,浏览器选项卡将崩溃。

我在https://jsbin.com/vufeyaz/2/edit?html,js,output有一个描述

如何才能工作?

最佳答案

基本上,您的代码一切正常。我认为浏览器在渲染所有这些 HTML 时遇到了麻烦,并且您可以单击 Add Hero 的次数按钮取决于您计算机的性能。

而且你的方法不太正确。尝试查看Angular或类似的东西。顺便说一下,你不需要return false;

但是如果你坚持使用原生 JS,那么添加 id<tbody>喜欢 <tbody id="t-body-id">并替换调用 $(this).parent().parent().parent().parent().find('tbody').append(content);$('#t-body-id').append(content);

关于javascript - 通过 jquery 添加过多 html 时浏览器崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48703031/

相关文章:

javascript - REST 或 REST-persistable 在 javascript 中是什么意思

asp.net - ASP 用户控件中的 JavaScript 函数定义

javascript - 每个 div 的单独 jquery 操作

javascript - 空表单字段周围的 jQuery/Javascript 边框

javascript - 如何禁用特定用户的输入字段?

javascript - Firefox - 如何在使用双击时获取选定的文本

javascript - 如何对未注册用户隐藏图像

jquery - 如何防止 jQuery 中的 Enter 键提交?

javascript - 在 div 可编辑中添加动态创建的元素

html - 如何使用 sed 等 Linux 命令向 html 添加一些标签