Javascript 基础教学(三)
1. javascript编程语句
javascript程序是由若干语句组成的,语句是编写程序的指令。javascript提供了完整的基本编程语句:
1、条件语句
在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。
在 javascript 中,我们可以使用下面几种条件语句:
if 语句
在一个指定的条件成立时执行代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthen
if (条件)
{
条件成立时执行代码
}
if…else 语句
在指定的条件成立时执行代码,当条件不成立时执行另外的代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthenelse
if (条件)
{
条件成立时执行此代码
}
else
{
条件不成立时执行此代码
}
if…else if….else 语句
使用这个语句可以选择执行若干块代码中的一个。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_elseif
if (条件1)
{
条件1成立时执行代码
}
else if (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}
switch 语句
使用这个语句可以选择执行若干块代码中的一个。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_switch
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
如果n即不是1也不是2,则执行此代码
}
工作原理:switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。然后表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配,那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。
2、循环语句
在编写代码时,你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能,这样就用不着重复地写若干行相同的代码。
for 循环
将一段代码循环执行指定的次数。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_fornext
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
需执行的代码
}
while 循环
当指定的条件为 true 时循环执行代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_while
while (变量<=结束值)
{
需执行的代码
}
注意:除了<=,还可以使用其他的比较运算符。
do-while 循环
利用 do…while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时,这种循环也会至少执行一次。这是因为在条件被验证前,这个语句就会执行。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_dowhile
do
{
需执行的代码
}
while (变量<=结束值)
for-in 语句
用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_array_for_in
for (变量 in 对象)
{
在此执行代码
}
“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
3、循环控制语句
break 循环终止语句
break 命令可以终止循环的运行,然后继续执行循环之后的代码(如果循环之后有代码的话)。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_break
continue 循环中断语句
continue 命令会终止当前的循环,然后从下一个值继续运行。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_continue
4、其它语句
with 作用域语句
with 语句用于设置代码在特定对象中的作用域。示例:
var sMessage = "hello";
with(sMessage) {
alert(toUpperCase()); //输出 "HELLO";
}
在这个例子中,with 语句用于字符串,所以在调用 toUpperCase() 方法时,解释程序将检查该方法是否是本地函数。如果不是,它将检查伪对象 sMessage,看它是否为该对象的方法。然后,alert 输出 “HELLO”,因为解释程序找到了字符串 “hello” 的 toUpperCase() 方法。
提示:with 语句是运行缓慢的代码块,尤其是在已设置了属性值时。大多数情况下,如果可能,最好避免使用它。
标签语句
可以用下列语句给语句加标签,以便以后调用:
label : statement
例如:
start : i = 5;
在这个例子中,标签 start 可以被之后的 break 或 continue 语句引用。
2. javascript消息框
可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。
1、警告框
警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_alert2
alert("文本");
2、确认框
确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_confirm
confirm("文本");
3、提示框
提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_prompt
prompt("文本","默认值");
3. javascript函数
函数是一组可以随时随地运行的语句。函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_function_argument_2
1、定义函数
定义无参数函数:
function 函数名()
{
代码...
}
定义有参数函数:
function 函数名(var1,var2,...,varX)
{
代码...
}
将脚本编写为函数,就可以避免页面载入时执行该脚本。
函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。
你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。
函数在页面起始位置定义,即 <head> 部分。
2、调用函数
函数可以通过其名字加上括号中的参数进行调用,如果有多个参数用逗号隔开。示例:
function a(value1, value2)
{
alert("弹出参数1 + 2的值:" + value1 + value2);
}
//调用函数
a(1, 3);
3、函数返回值
使用 return 语句来从函数返回值。需要返回某个值的函数必须使用这个 return 语句。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_function_return_2
function a(value1, value2)
{
return value1 * value2;
}
//执行函数并弹出函数返回值
alert(a(2, 3));
4、局部变量
当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用 名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
var a = 1;
function f()
{
var b = 2;
a = 3;
b = 4;
alert("这是函数f内部变量a的值:" + a);
alert("这是函数f内部变量b的值:" + b);
}
f();
alert("它是函数外部变量a的值:" + a);
alert("它是函数外部变量b的值:" + b);
//三次弹出数值分别为:3、4、3。最后一次会报错,因为变量b在函数外调用而未在函数外定义,所有会出错。