js字符串拼接效率

在脚本开发过程中，经常会按照某个规则，组合拼接出一个大字符串进行输出。比如写脚本控件时控制整个控件的外观的html标签输出，比如ajax里得到服务器端的回传值后动态分析创建html标签时。

方式一：

字符串的拼接在我们写代码时用“+=”这个运算符，s += string;

这种方式脚本执行起来很慢，CPU使用率狂高。

方式二：

使用数组

var content =[];

content.push();

content.join("");

该方式比字符串快很多，但是如果就一行字符串需要拼接，则不需要，因为创建数组也是需要花费时间的。

方式三：document.createElement();

document.createElement();是在对象中创建一个对象，要与appendChild()或insertBefore()方法联合使用。

1. <script type="text/javascript">  
2.             var board = document.getElementById("board");  
3.             var e = document.createElement("input");  
4.             e.type = "button";  
5.             e.value = "这是测试加载的小例子";  
6.             var object = board.appendChild(e);  
7.         </script> 

document.createElement();该方式创建元素和元素拼接最快。