请看这个实例里面，变量赋值的问题
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var txt="";
txt+="Width of div: " + $("#div1").width() + "</br>";
txt+="Height of div: " + $("#div1").height();
$("#div1").html(txt);
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div>
<br>
<button>显示 div 的尺寸</button>
<p>width() - 返回元素的宽度。</p>
<p>height() - 返回元素的高度。</p>
</body>
</html>
var txt="";
txt+="Width of div: " + $("#div1").width() + "</br>";
txt+="Height of div: " + $("#div1").height();
代码里面的这个地方，首先定义了值为空的text
但是之后对txt进行了两次赋值变量 并且最后的结果显示了不同的高跟宽 请问 对同一个变量赋值两次不能覆盖其中一次的值么 还是+=的作用我不懂呢
这个跟定义
var text1="Width of div: " + $("#div1").width() + "</br>";
var text2="Height of div: " + $("#div1").height();
有什么区别吗
ken05103回答
-
慕莱坞9220042
你好，这个其实是这样，例如： txt+="Width of div: " + $("#div1").width() + "</br>";意思就是：txt = txt + "Width of div: " + $("#div1").width() + "</br>";这样就看懂了吧，记住就可以了，就这么个意思，写代码经常用到，写法简单。望采纳！ -
月_霜影
+是一个运算符，对于数字当然是就是加法运算了；但是对于字符串，就是起到连接的做工，比如“hello”+“world”="helloworld";而上面这个例子也是同样的原理：第一次赋值的时候是一个空的txt="";第二次运算的时候其实是：txt =“”+"Width of div: " + $("#div1").width() + "</br>"（这一大段其实就是字符串与字符串的连接）第三次也是同理：txt =“”+"Width of div: " + $("#div1").width() + "</br>"+"Height of div: " + $("#div1").height();所以结果是全部都连在一起 -
李晓健
举个例子 var a = 'a'; a += 'b'等于var a = 'a'; a = a + 'b';所以+= 拼接的意思，不只是赋值
随时随地看视频慕课网APP
相关分类
JavaScript