JavaScript中使用createDocumentFragment方法避免频繁刷新页面

现在的位置: 首页 > 综合 > 正文

JavaScript中使用createDocumentFragment方法避免频繁刷新页面

2013年09月18日 ⁄ 综合 ⁄ 共 1446字 ⁄ 字号小中大 ⁄ 评论关闭

先看这个例子：

<html> <head> <title>insertBefore() Example</title> <script type="text/javascript"></script> </head> <body onload="insertMessage()"> Hello World! </body> </html>

当需要向document添加大量数据时，整个过程将变得很缓慢，因为每次调用appendChild方法，页面就会更新并反映这个变化。

解决的办法是使用createDocumentFragment函数创建一个文档碎片，最后一次性添加到document中。

代码如下：

<html> <head> <title>insertBefore() Example</title> <script type="text/javascript"></script> </head> <body onload="addMessages()"> </body> </html>

【上篇】光盘刻录编程收藏
【下篇】凿灼之争

作者: ambiguity

该日志由 ambiguity 于11年前发表在综合分类下，最后更新于 2013年09月18日.
转载请注明: JavaScript中使用createDocumentFragment方法避免频繁刷新页面 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

JavaScript中使用createDocumentFragment方法避免频繁刷新页面

作者: ambiguity

书签

最新文章New

本站推荐

返回首页