javascritp 中的 json top:"+top+"px;left:"+left+"px 为什么一定要是和外括号同样的引号？？？

Question

plane:function(oGameBox,e){         var x=e.pageX, y=e.pageY;         var oPlane=new Image();         oPlane.src = 'img/plane.png';         oPlane.width=60;         oPlane.height=36;         var top=y-oGameBox.offsetTop-parseInt(oGameBox.style.borderWidth)-oPlane.width/2;         var left=x-oGameBox.offsetLeft-parseInt(oGameBox.style.borderWidth)-oPlane.height/2;         oPlane.style.cssText="display:block;position:absolute;top:"+top+"px;left:"+left+"px;";         oGameBox.appendChild( oPlane );},var oP1 = document.createElement("p");oP1.innerHTML ="得分:"+"<span style='color:#f000'>"+this.score+"</span>";//这里为什么有一定要用不一样的引号才能够识别？？？？

Answer 1

"display:block;position:absolute;top:"+top+"px;left:"+left+"px;"这句话，以100px为例原本是
"display:block;position:absolute;top:100px;left:100px;"这个样子，理解没问题吧？
那么把100改成变量时候，必须放在引号外面，在引号里面就成字符串了。
所以是"display:block;position:absolute;top:"和"px;left:"和"px;"这三个字符串。
然后是字符串拼接了。
top和left是变量，拼接在原本的100的位置。所以前后是+号。
"display:block;position:absolute;top:"+top+"px;left:"+left+"px;"
这样拼接，理解就没问题了吧？
至于为什么要和外面引号一样，也好理解了。只有一样的引号，
才能和拼接的变量的前面与后面内容完美对接。

Answer 2

路过学习一下

Answer 3

路过学习一下