用javascript拼接html代码标签

最近有一些垃圾信息，要想把办法尽量过滤，加了验证码还是没用，就先要经常把验证码名字换，还不让机器抓取表单名就是用js拼接 

 在网上找了拼接的几种，还不错，就保存下来。

js拼接字符串 

<script>

var arr = ['name', 'type','size']; 

var arrvalues = ['<%=verifycode%>', 'text','8']; 

list = []; 

for (var i = 0, l = arr.length; i < l; i++) { 

list[list.length] = ' ' + arr[i]+ '="' +arrvalues[i] + '" '; 

} 

list = '<input ' + list.join('') + ' />'; 

document.write(list); 

 </script>

 

用javascript拼接html代码标签的方法总结:
第一种：逐个字符串相加 
var arr = ['item 1', 'item 2', 'item 3', ...], 
list = ''; 
for (var i = 0, l = arr.length; i < l; i++) { 
list += '<li>' + arr[i] + ''; 
} 
list = '<ul>' + list + '</ul>'; 
这种最常见的，但是效率最低！代码逻辑相对来说复杂。 

第二种：逐个 push 进数组 
var arr = ['item 1', 'item 2', 'item 3', ...], 
list = []; 
for (var i = 0, l = arr.length; i < l; i++) { 
list[list.length] = '<li>' + arr[i] + ''; 
} 
list = '<ul>' + list.join('') + '</ul>'; 
比上一种方法稍微快一些，但还是不够好… 

第三种：直接join()连接
var arr = ['item 1', 'item 2', 'item 3', ...]; 

var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';