JavaScript 快速入门.pptVIP

7JavaScript函数 为了实现函数的定义和调用，JavaScript语句提供了两个关键字： function return JavaScript函数的基本语法如下： function 函数名称(参数表) { 语句块; } * 函数定义和调用 SCRIPT LANGUAGE=JavaScript function getSqrt(iNum) { var iTemp = Math.sqrt(iNum); document.write(iTemp); } /SCRIPT SCRIPT LANGUAGE=JavaScript getSqrt(9); /SCRIPT 案例名称：函数定义和调用 程序名称：14.htm 定义 调用 * 函数的返回值 SCRIPT LANGUAGE=JavaScript function f(y) { var x = y * y; return x; } /SCRIPT SCRIPT LANGUAGE=JavaScript for(x = 0; x 10; x++) { y = f(x); document.write(y); document.write(br); } /SCRIPT 案例名称：函数的返回值 程序名称：15.htm * 事件的概念 事件驱动和事件处理 JavaScript脚本是基于对象的语言，它采用事件驱动。它是在图形界面环境下，鼠标或键盘产生的动作称为事件，由点击鼠标或键盘产生的一系列程序动作称为事件驱动，而对事件进行处理的程序或函数，称为事件处理程序。 JavaScript事件主要包括三大类 超级链接事件 浏览器事件 界面事件 click()、MouseOut()、MouseOver()和 MouseDown()等。 JavaScript中的事件都是与对象相关联的，而不是语言本身所有。 * 事 件 描 述 onClick 当用户在表单元素上或连接上点击时出现 onChange 当用户改变表单字段值时出现 onLoad 当页面装入到浏览器时出现 onMouseOver 当用户在连接或区域对象上移动鼠标指针时出现 onMouseOut 当鼠标指针离开连接或区域对象时出现 onSubmit 提交事件 onSelect 当用户选取表单字段时出现 当事件发生时，必须调用相应事件处理程序。事件处理程序为事件发生时所调用的函数。 事件驱动 onClick单击事件 通常产生onClick事件的对象有button、checkbox、radio、 reset、submit、图片等。例： img src=inner_14.gif width=91 height=21 onClick=showcssj() onChange事件 当利用text、textarea元素输入字符值改变时发生该事件；当select元素的选择项发生变化时也产生该事件。 onLoad 当页面载入时产生该事件。例： body topmargin=0 onLoad=MM_preloadImages()” onUnload 当WEB页面关闭时产生该事件。例： body topmargin=0 onUnLoad=thanks()” 常用事件 单击事件 HTML BODY FORM INPUT TYPE=BUTTON VALUE=单击 ONCLICK=alert(鼠标单击) /FORM /BODY /HTML 案例名称：鼠标单击事件 程序名称：16.htm * 下拉列表 HTMLBODY SELECT NAME=selAddr SIZE=1 ONCHANGE=func() OPTION SELECTED VALUE=北京北京/OPTION OPTION VALUE=上海上海/OPTION OPTION VALUE=广州广州/OPTION /SELECT SCRIPT LANGUAGE=JavaScript function func() { alert(你选择了 + selAddr.value); } /SCRIPT /BODY/HTML 案例名称：处理下拉列表 程序名称：17.htm * 提交事件 提交事件即：onsubmit。控制光标停留位置即：focus()。 格式：表单名 + 控件名 + focus() 表单名：指的是form的名字，例：form name=“frm”