javascript字符串拼接的方式

Question

for ( var i=0; i<len; i++ ) {

    str += '<div style="width:50px; height:50px; background:red; position:absolute; top:0px; left:'+ i*60 +'px;"></div>';
}这是正确的书写方式；

我写的str += '<div style="width:50px; height:50px; background:red; position:absolute; top:0px; left: i60 +'px';"></div>';浏览器报错了，这是什么原因呢？以前给对象赋值的写法object.style.left= i60 +'px'这种书写方式套用为什么就不可以了？

Answer 1

格式错了啊，你用单引号把px包起来，px又不是变量

'<div style="width:50px; height:50px; background:red; position:absolute; top:0px; left: i60 +'

是一段字符串

';"></div>';

又是一段字符串，就算px是变量 你也得用+连接啊