1、运算符
运算符 = 用于赋值。
运算符 + 用于加值。
实例:
<p>点击按钮计算 x 的值.</p>
<button onclick=myFunction()>点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
y=5;
z=2;
x=y+z;
document.getElementById("demo"),innerHTML=x;
}
</script>
执行结果:
x=7
2、算数运算符
var x=5;
运算符 | 描述 | 例子 | x 运算结果 | y 运算结果 | 实例 |
---|---|---|---|---|---|
+ |
加法 |
x=y+2 |
7 |
5 |
<p>假设 y=5,计算 x=y+2,并显示结果。</p> |
- |
减法 |
x=y-2 |
3 |
5 |
var y=5; |
* |
乘法 |
x=y*2 |
10 |
5 |
var y=5; |
/ |
除法 |
x=y/2 |
2.5 |
5 |
var y=5; |
% |
取模(余数) |
x=y%2 |
1 |
5 |
<p>设置 y=5, 计算出 x=y%2, 并显示结果。</p> |
++ |
自增 |
x=++y |
6 |
6 |
<p>设置 y=5, 计算出 x=++y, 并显示结果。</p> |
x=y++ | 5 | 6 | var y=5; var x=y++; var demoP=document.getElementById("demo") demoP.innerHTML="x=" + x + ", y=" + y; |
||
-- |
自减 |
x=--y |
4 |
4 |
<p>设置 y=5, 计算出 x=--y, 并显示结果。</p> |
x=y-- |
5 |
4 |
var y=5; |
3、赋值运算符
给定 x=10 和 y=5,下面的表格解释了赋值运算符:
运算符 | 例子 | 等同于 | 运算结果 | 在线实例 |
---|---|---|---|---|
= |
x=y |
x=5 |
<p>设置 x=10 和 y=5, 计算 x=y, 并显示结果。</p> |
|
+= |
x+=y |
x=x+y |
x=15 |
var x=10; |
-= |
x-=y |
x=x-y |
x=5 |
var x=10; |
*= |
x*=y |
x=x*y |
x=50 |
var x=10; |
/= |
x/=y |
x=x/y |
x=2 |
var x=10; |
%= |
x%=y |
x=x%y |
x=0 |
var x=10; |
4、用于字符串 + 运算符
如需把两个或多个字符串变量连接起来,请使用 + 运算符。
实例:
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
执行结果:
What a verynice day
要想在两个字符串之间增加空格,需要把空格插入一个字符串之中:
实例:
function myFunction()
{
txt1="What a very ";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
执行结果:
What a very nice day
或者把空格插入表达式中::
实例:
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;
document.getElementById("demo").innerHTML=txt3;
}
执行结果:
What a very nice day
5、对字符串和数字进行加法运算
实例:
function myFunction()
{
var x=5+5;
var y="5"+5;
var z="Hello"+5;
var demoP=document.getElementById("demo");
demoP.innerHTML=x + "<br>" + y + "<br>" + z;
}
执行结果:
10
55
Hello5