三、JS基础语句
- 概念
在javascript中，<script>标签就是java中的类，在<script>标签的框架内部编写javascript语句就是相当于在java类中编写类体（变量+方法体）。
3.1 js注释语句
- 分类
- js单行注释：类似java的单行注释
//注释文字
- js多行注释：类似于java的多行注释
/*
注释文字
*/
3.2 with语句（对象操作语句）
- 功能
为一段程序建立默认对象，使用一个"默认对象"执行所有的语句，而不是使用"所有对象"执行所有语句。 即使用with()括号里的默认对象 去执行{ }执行语句块里的所有语句，相当于抽取出一个共同的"默认对象"，不需要每次执行都编写一个对象。 - 格式
with (<默认的对象>){
<语句组>
｝
- 示例
// 使用document对象执行
document.write ("限时抢购物品：");
document.write ("<Li>ViewSonic 17\" 显示器。");
document.write ("<Li>EPSON 打印机。");
// 将document对象作为默认对象执行操作
with (document) {
write ("限时抢购物品：");
write ("<Li>ViewSonic 17\" 显示器。");
write ("<Li>EPSON 打印机。");
}
3.3 if...else条件语句
- 语法格式一
if (<表达式>)
<语句1>;
else
<语句2>;
if (<表达式>) <语句1>;
else <语句2>;
示例：
<Script>
// 获取当前日期对象
var now = new Date();
// 获取当前日期的 小时数
var hour = now.getHours();
if (6 < hour && hour < 18)
document.write ("辛勤工作才能快乐收割！");
else
document.write ("休息一下，充电后再出发。");
</Script>
- 语法格式二
if (<表达式>){
<语句组1>
}else{
<语句组2>
}
if-else执行图解.png
- 语法格式三
if (<表达式1>){
<语句组1>
}else if (<表达式2>){
<语句组2>
}else{
<语句组3>
}
if-else if-else执行图解.png
3.4 while语句
- 格式一
while (<表达式>)
语句；
- 格式二
while (<表达式>){
<语句组>
}
while执行图解.png
3.5 do-while语句
- 执行特点
do-while语句中，会先执行循环体再回到判断条件，因此在do-while语句中，循环体至少执行一次。 - 语法格式
do {
<语句组>
} while (<表达式>)
do-while执行图解.png
- 示例
<Script>
var i = 5;
do {
document.write("i = " ,i ,"<BR>");
i--;
} while ( i > 0 )
</Script>
3.6 for循环语句
- 语法格式
for (<初始表达式>；<条件表达式>；<变动量表达式>){
<语句组>
}
for循环执行图解.png
- 示例
<Script>
for ( var i = 5; i > 0; i-- ) {
document.write("i = " ,i ,"<BR>");
}
</Script>
3.7 for...in语句
- 描述
重复执行 指定对象的所有属性的循环语句，在for循环内遍历执行对象的所有属性。 - 格式
for ( 变量 in 对象 ){
<语句组>
}
- 示例
<Script>
function member(name, sex) { // 构造函数member
this.name = name;
this.sex = sex;
}
function showProperty(obj, objString) {
var str = "";
for (var i in obj)
str += objString + "." + i + " = " + obj[i] + "<BR>";// papa.name = 杨宏文,papa.sex = 男生
return str;
}
papa = new member("杨宏文", "男生"); // 建立对象实例papa
document.write(showProperty(papa, "papa"))
</Script>
3.8 break语句
- 描述
跳出循环体的控制语句，可以控制跳出循环体的执行。 - 格式
break
- 示例
<Script>
var i = 5;
while ( i > 0 ) {
if ( i == 3 ) break;
document.write("i = " ,i ,"<BR>");
i--;
}
</Script>
3.9 continue语句
- 格式
continue
- 示例
<Script>
var i = 5;
while ( i > 0 ) {
i--;
if ( i == 3 ) continue;
document.write("i = " ,i ,"<BR>");
}
</Script>
3.10 switch语句
- 格式
switch (<表达式>) {
case <数值1>:<语句组1>
break;
case <数值2>:<语句组2>
break;
...
default <语句组>
}
switch执行图解.png
- 示例
<Script>
function greet(givenSex) {
switch(givenSex) {
case "帅哥" : alert("你好啊！");
break;
case "美女" : alert("你好啊！");
break;
}
}
</Script>
请输入性别：
<FORM>
<INPUT TYPE="radio" NAME="sex" onClick="greet('帅哥')">
帅哥
<INPUT TYPE="radio" NAME="sex" onClick="greet('美女')">
美女
</FORM>
3.11 定时器
- 概念
Javascript中 用以指定在一段特定的时间后 执行某段程序的函数。 - 分类
- setTimeout()：1.0版
- clearTimeout()：终止定时器
- setInterval()：1.2版
- clearInterval()：终止定时器
