JS常用基本语句
If判断语句
在 JavaScript 中，我们可使用以下条件语句：
- if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
- if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
- if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
- switch 语句 - 使用该语句来选择多个代码块之一来执行
实例
如果时间小于 10:00，则x= "Good morning"，否则如果时间小于 20:00，则x="Good day"，否则x="Good evening"：
var time=15;
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}x 的结果是：
Good day
Switch 语句
使用 switch 语句来选择要执行的多个代码块之一
实例
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}不同类型的循环语句
JavaScript 支持不同类型的循环：
- for - 循环代码块一定的次数
- for/in - 循环遍历对象的属性
- while - 当指定的条件为 true 时循环指定的代码块
- do/while - 同样当指定的条件为 true 时循环指定的代码块
For 循环
实例
for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "<br>";
}
For/In 循环
JavaScript for/in 语句循环遍历对象的属性：
实例
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}while 循环
While 循环会在指定条件为真时循环执行代码块。
实例
本例中的循环将继续运行，只要变量 i 小于 5：
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}do/while 循环
do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。
实例
下面的例子使用 do/while 循环。该循环至少会执行一次，即使条件是 false，隐藏代码块会在条件被测试前执行：
do
{
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);
JS运算
给定 y=5，下面的表格解释了这些算术运算符：
| 运算符 |
描述 |
例子 |
结果 |
| + |
加 |
x=y+2 |
x=7 |
| - |
减 |
x=y-2 |
x=3 |
| * |
乘 |
x=y*2 |
x=10 |
| / |
除 |
x=y/2 |
x=2.5 |
| % |
求余数 (保留整数) |
x=y%2 |
x=1 |
| ++ |
累加 |
x=++y |
x=6 |
| -- |
递减 |
x=--y |
x=4 |
给定 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 |
用于字符串的 + 运算符
如需把两个或多个字符串变量连接起来，请使用 + 运算符。
实例
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;在以上语句执行后，变量 txt3 包含的值是：
"What a very nice day"
对字符串和数字进行加法运算
请看这些例子：
x=5+5;
document.write(x);
x="5"+"5";
document.write(x);
x=5+"5";
document.write(x);
x="5"+5;
document.write(x);
对字符串和数字进行减法运算
var str =”,456”;
str=str-1;
document.write(str);结果
455
var str=”abc”;
document.write(str-1);结果
提示 NaN: 表示不是一个数字
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。
给定 x=5，下面的表格解释了比较运算符：
| 运算符 |
描述 |
例子 |
| == |
等于 |
x==8 为 false |
| === |
全等（值和类型） |
x===5 为 true；x==="5" 为 false |
| != |
不等于 |
x!=8 为 true |
| > |
大于 |
x>8 为 false |
| < |
小于 |
x<8 为 true |
| >= |
大于或等于 |
x>=8 为 false |
| <= |
小于或等于 |
x<=8 为 true |
JavaScript 输出
1操作 HTML 元素
例子
通过指定的 id 来访问 HTML 元素，并改变其内容：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="
我的第一段
JavaScript";
</script>
</body>
</html>2写到文档输出
下面的例子直接把 <p> 元素写到 HTML 文档输出中：
实例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<script>
document.write("<p>
我的第一段
JavaScript</p>");
</script>
</body>
</html>