Javaweb学习之Javascript常用语句

三、JS基础语句

1. 概念
   在javascript中，<script>标签就是java中的类，在<script>标签的框架内部编写javascript语句就是相当于在java类中编写类体（变量+方法体）。

3.1 js注释语句

1. 分类

• js单行注释：类似java的单行注释

//注释文字 

• js多行注释：类似于java的多行注释

/*
注释文字
*/

3.2 with语句（对象操作语句）

1. 功能
   为一段程序建立默认对象，使用一个"默认对象"执行所有的语句，而不是使用"所有对象"执行所有语句。 即使用with()括号里的默认对象 去执行{ }执行语句块里的所有语句，相当于抽取出一个共同的"默认对象"，不需要每次执行都编写一个对象。
2. 格式

with (<默认的对象>){
　　<语句组>
｝

3. 示例

// 使用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条件语句

1. 语法格式一

    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>

2. 语法格式二

    if (<表达式>){
        <语句组1>
    }else{
        <语句组2>
    }

if-else执行图解.png

3. 语法格式三

if (<表达式1>){
    <语句组1>
}else if (<表达式2>){
    <语句组2>
}else{
    <语句组3>
} 

if-else if-else执行图解.png

3.4 while语句

1. 格式一

    while (<表达式>)
        语句；

2. 格式二

    while (<表达式>){
        <语句组>
    }

while执行图解.png

3.5 do-while语句

1. 执行特点
   do-while语句中，会先执行循环体再回到判断条件，因此在do-while语句中，循环体至少执行一次。
2. 语法格式

do {
    <语句组>
} while (<表达式>) 

do-while执行图解.png

3. 示例

<Script> 
var i = 5;
do {
    document.write("i = " ,i ,"<BR>");
    i--;
} while ( i > 0 ) 
</Script>

3.6 for循环语句

1. 语法格式

for (<初始表达式>；<条件表达式>；<变动量表达式>){
    <语句组>
}

for循环执行图解.png

2. 示例

<Script> 
for ( var i = 5; i > 0; i-- ) {
    document.write("i = " ,i ,"<BR>");
} 
</Script>

3.7 for...in语句

1. 描述
   重复执行 指定对象的所有属性的循环语句，在for循环内遍历执行对象的所有属性。
2. 格式

    for ( 变量 in 对象 ){
        <语句组>
    }

3. 示例

<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语句

1. 描述
   跳出循环体的控制语句，可以控制跳出循环体的执行。
2. 格式

break

3. 示例

<Script> 
var i = 5;
while ( i > 0 ) {
    if ( i == 3 ) break;
    document.write("i = " ,i ,"<BR>");
    i--;
} 
</Script>

3.9 continue语句

1. 格式

continue

2. 示例

    <Script>
    var i = 5;
    while ( i > 0 ) {
        i--;
        if ( i == 3 ) continue;
        document.write("i = " ,i ,"<BR>");
    }
    </Script>

3.10 switch语句

1. 格式

    switch (<表达式>) {
        case <数值1>:<语句组1>
                     break;
        case <数值2>:<语句组2>
                     break;
        ...
        default <语句组>
    }

switch执行图解.png

3. 示例

<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 定时器

1. 概念
   Javascript中 用以指定在一段特定的时间后 执行某段程序的函数。
2. 分类

• setTimeout()：1.0版
• clearTimeout()：终止定时器
• setInterval()：1.2版
• clearInterval()：终止定时器