JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等来实现编程
一、程序控制流:
控制流分为两种:条件控制流和循坏控制流
1. if-else条件语句
if(表达式)
语句段1;....
else
语句段2;....
else if(表达式)
语句段3;.....
2. for循坏语句:
for(初始化;条件;增量)
语句集;
3. while循坏:
while(条件)
语句集;
4. do-while循坏:循环体至少被执行一次
do{
语句集
}while(条件体)
5. break和continue语句:
- break:提前结束循坏
- continue:跳到循坏的下一步
- return:退出当前方法
- throw:之处必须被一场处理器所捕获的异常
二、函数
1.JavaScript函数定义:
function 函数名(参数,变元){
函数体;
return 表达式;
}
2. 函数中的形式参数:
在JavaScript中可通过argument.length来检查参数的个数
三、事件驱动及事件处理
JavaScript是基于对象(object-based)的语言,而基于对象的基本特征就是采用事件驱动(event-driven)。它是在用形界面的环境下,使得一切输入变化简单化。
通常鼠标或热键的动作我们称之为事件(event)
而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)
而对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)
事件处理程序:
在JavaScript中对象事件的处理通常有函数(function)担任,其基本格式与函数全部一样
Function 事件处理名(参数表){
事件处理语句集;
....
}
事件驱动:
JavaScript事件驱动中的时间是通过鼠标或热键的动作引发的,它主要有以下几个事件:
1.单击事件onClick:当用户单击鼠标按钮时,产生onClick事件,同时onClick指定的事件处理程序或代码将被调用执行,通常在下列基本对象中产生:buttom(按钮对象)、checkbox(复选框)、radio(单选框)、reset buttom(重要按钮)、submit buttom(提交按钮)
example:
<form>
<input type="buttom" value=" " onClick="change()"> //通过下列按钮激活change()文件
</form>
2.onChange改变事件:当利用text或texturea元素输入字符值改变时触发该事件,同时当在select表格项中一个选项状态改变后也会引发该事件
example:
<form>
<input type="text" name="test" value="test" onChange="check('this.test')">
</form>
3.选中事件onSelect:当text或textrea对象中的文字被加亮后,引发该事件
4.获得焦点事件onFocus:当用户单击text或textrea以及select对象时,产生该事件。此时该对象成为前台对象
5.失去焦点onBlur:当text对象或textrea对象以及select对象不再拥有焦点,二退到后台时,引发该事件,它与onFocus事件是互对应的关系
6.载入文件onLoad:当文件载入时,产生该事件。onLoad作用是在首次载入一个文档时监测cookie的值,并用一个变量为其赋值,使它可以被源代码使用
7.卸载文件onUnload:当web页面退出时引发onUnload事件,并可更新cookie的状态