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

路过学习一下