1、JavaScript程序结构
JavaScript脚本语言的基本构成是由控制语句,函数,对象,方法,属性等来实现编程的。
a、程序控制流:
a) if语句中将零和非零的数转化为false和true。
b) for循环语句的初始化参数必须赋予变量的初值。
c) break和continue语句:与C++和Java相同,使用break语句使得循环从for或while中跳出,continue使得跳过循环内剩余的语句而进入下一次循环。
b、函数:
进行一个复杂的程序设计时,根据索要完成的功能,将程序划分为一些相对独立的部分,每部分编写一个函数。从而,使得各部分充分独立,任务单一,好维护,易理解。
JavaScript函数定义:
function 函数名(参数,变元){
函数体;
return 表达式;
}
说明:
当调用函数时,那个所有变量或字面量均可作为变元传递。
参数表:传递给函数使用或操作的值,可以是常量,变量或其他表达式。
必须使用return将值返回。
函数中的形式参数:
在JavaScript中,可以通过arguments.length来检查函数参数的个数。如:
- function function_name(exp1,exp2,exp3,exp4){}
- number = function_name.arguments.length;
- if(number>1) document.write(exp2);
- if(number>2) document.write(exp3);
- if(number>3) document.write(exp4);
c、事件驱动及事件处理
JavaScript是基于对象的语句,其基本特征就是采用事件驱动。
事件---通常鼠标或者热键的热键的动作。
事件驱动---由鼠标或热键发的一连串程序的动作。
事件处理程序---对事件进行处理的程序或函数。
a) 事件驱动程序:
在JavaScript中,所有的事件处理程序都由函数承担。
b) 事件驱动:
JavaScript事件驱动中的事件主要通过鼠标或热键的动作发出。主要有以下几个:
1、单击事件onClick
当用户单击鼠标按钮时,产生onclick事件。同时,onclick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生:button, checkbox, radio, reset buttons, submit buttons.
在onclick等号后,可以使用自己编写的函数作为事件处理程序,也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码。例如:
<input type="button" value='' onclick=alert("e");>
2、onChange改变事件
当利用text或textarea元素输入字符值改变时触发该事件,同时在select表格项状态改变后也会触发该事件。
3、选中事件onSelect
当用户单击text或textarea对象中的文字被加亮后,引发该事件。
4、获得焦点事件onFocus
当用户单击text或textarea以及select对象时,产生该事件,此时该对象成为前台对象。
5、失去焦点事件onBlur
当text对象或textarea对象以及select对象不再拥有焦点而推到后台时,引发该事件,与onFocus形成对应关系。
6、载入文件onLoad
当文档载入时,产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。
7、卸载文件onUnload
当web页面退出时引发onUnload事件,并可更新cookie的状态。