运算符 = 用于赋值。
运算符 + 用于加值。
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
实例
指定变量值，并将值相加：
y=5;
z=2;
x=y+z;HTML
x
23
23
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>菜鸟教程(runoob.com)</title> 6
</head>7
<body>8
9
<p>点击按钮计算 x 的值.</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
y=5;16
z=2;17
x=y+z;18
document.getElementById("demo").innerHTML=x;19
}20
</script>21
22
</body>23
</html>JavaScript 算术运算符
y=5，下面的表格解释了这些算术运算符：
| 运算符 | 描述 | 例子 | x 运算结果 | y 运算结果 |
|---|---|---|---|---|
| + | 加法 | x=y+2 | 7 | 5 |
| – | 减法 | x=y-2 | 3 | 5 |
| * | 乘法 | x=y*2 | 10 | 5 |
| / | 除法 | x=y/2 | 2.5 | 5 |
| % | 取模（余数） | x=y%2 | 1 | 5 |
| ++ | 自增 | x=++y | 6 | 6 |
| x=y++ | 5 | 6 | ||
| — | 自减 | x=–y | 4 | 4 |
| x=y– | 5 | 4 |
举个例子：
HTML
xxxxxxxxxx1
22
22
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>假设 y=5，计算 x=y+2，并显示结果。</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction(){14
var y=5;15
var x=y+2;16
var demoP=document.getElementById("demo");17
demoP.innerHTML="x=" + x;18
}19
</script>20
21
</body>22
</html>JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
给定 x=10 和 y=5，下面的表格解释了赋值运算符：
| 运算符 | 例子 | 等同于 | 运算结果 |
|---|---|---|---|
| = | x=y | x=5 | |
| += | x+=y | x=x+y | x=15 |
| -= | x-=y | x=x-y | x=5 |
| *= | x*=y | x=x*y | x=50 |
| /= | x/=y | x=x/y | x=2 |
| %= | x%=y | x=x%y | x=0 |
举个例子：
HTML
xxxxxxxxxx1
24
24
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title> 6
</head>7
<body>8
9
<p>设置 x=10 和 y=5, 计算 x=y, 并显示结果。</p>10
<button onclick="myFunction()">点我</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
var x=10;16
var y=5;17
x=y;18
var demoP=document.getElementById("demo")19
demoP.innerHTML="x=" + x;20
}21
</script>22
23
</body>24
</html>用于字符串的 + 运算符
+ 运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。
实例
如需把两个或多个字符串变量连接起来，请使用 + 运算符：
HTML
xxxxxxxxxx1
23
23
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>点击按钮创建及增加字符串变量。</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
txt1="What a very";16
txt2="nice day";17
txt3=txt1+txt2;18
document.getElementById("demo").innerHTML=txt3;19
}20
</script>21
22
</body>23
</html>要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：
实例
HTML
xxxxxxxxxx1
23
23
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title> 6
</head>7
<body>8
9
<p>点击按钮创建及增加字符串变量。</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
txt1="What a very ";16
txt2="nice day";17
txt3=txt1+txt2;18
document.getElementById("demo").innerHTML=txt3;19
}20
</script>21
22
</body>23
</html>或者把空格插入表达式中：
实例
HTML
xxxxxxxxxx1
23
23
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title> 6
</head>7
<body>8
9
<p>点击按钮创建及增加字符串变量。</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
txt1="What a very";16
txt2="nice day";17
txt3=txt1+" "+txt2;18
document.getElementById("demo").innerHTML=txt3;19
}20
</script>21
22
</body>23
</html>对字符串和数字进行加法运算
两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：
HTML
xxxxxxxxxx1
24
24
1
2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>Web176教程(Web176.com)</title>6
</head>7
<body>8
9
<p>点击按钮创建及增加字符串变量。</p>10
<button onclick="myFunction()">点击这里</button>11
<p id="demo"></p>12
<script>13
function myFunction()14
{15
var x=5+5;16
var y="5"+5;17
var z="Hello"+5;18
var demoP=document.getElementById("demo");19
demoP.innerHTML=x + "<br>" + y + "<br>" + z;20
}21
</script>22
23
</body>24
</html>规则：如果把数字与字符串相加，结果将成为字符串！
阅读剩余 88%
作者：terry，如若转载，请注明出处：https://www.web176.com/javascript/javascriptjc/2714.html
支付宝 
微信 