第07讲 JavaScript脚本语言(三).pptVIP

WEB 编 程 计算机科学与技术系 XXX 第七讲 JavaScript脚本语言 （三） 内容回顾 JavaScript 内置函数 定义函数 调用函数 JavaScript 对象（String 对象 、Math 对象 、Date 对象） Window 对象（Document 对象 、Event 对象 、Frame 对象 、History对象、Location 对象 、Navigator 对象 、Screen 对象 ） 本讲内容 事件处理概念 onClick事件 onChange事件 onFocus 事件和onBlur事件 onMouseOver事件onMouseOut事件 onLoad事件 onSubmit事件 onMouseDown事件 和 onMouseUp事件 表单元素事件处理 小结 作业布置 事件处理 JavaScript 事件处理程序 JavaScript 事件处理程序是指诸如鼠标单击、鼠标移动等事件发生时执行的一组语句 onClick事件 能够触发onClick事件的窗体元素： Button（Submit、Reset 和 Normal） Checkbox Radio button Text box Text area Link 单击表单元素触发onClick事件 onChange事件 onFocus 事件 能够触发onFocus事件的窗体元素： Button Text Textarea Password Checkbox Layer Window Select Submit Reset onBlur事件 能够触发 onBlur事件的窗体元素： Button Text Textarea Password Checkbox Layer Window Select Submit Reset onFocus事件和onBlur事件 示例 onMouseOver事件 onMouseOut事件 onLoad事件 onSubmit事件 onMouseDown事件 和 onMouseUp事件 能够触发onMouseDown事件和onMouseUp事件的 窗体元素： Button Document Link 表单元素简介 2-2 文本框 3-1 文本框 3-2 文本框 3-3 在浏览器窗口中，如果文本框接收焦点，则会调用 onFocus 事件处理程序。当用户按下键盘上的 Tab 键，或用鼠标单击文本框时，将会激活事件处理程序，并调用与事件处理程序相关的函数 如果用户在文本框内选择值，将会调用 onSelect 事件处理程序。选择值既可以使用鼠标，也可以使用键盘 文本区 命令按钮 2-1 命令按钮 2-2 复选框 单选按钮对象 3-1 单选按钮对象 3-2 单选按钮对象 3-3 列表框对象 4-1 列表框对象 4-2 列表框对象 4-3 列表框对象 4-4 表单验证 本讲小结 事件处理概念 onClick事件 onChange事件 onFocus 事件和onBlur事件 onMouseOver事件onMouseOut事件 onLoad事件 onSubmit事件 onMouseDown事件 和 onMouseUp事件 表单元素事件处理 作业布置 简答题 无 HTML HEAD TITLE使用事件处理程序/TITLE SCRIPT LANGUAGE=JavaScript function func_display() { var x=document.forms.myForm.Car; alert(x.options[x.selectedIndex].text); } /SCRIPT /HEAD BODY FORM NAME=myForm SELECT NAME=Car onChange=alert(确定要切换吗？) OPTIONToyota/OPTION OPTIONFerrari/OPTION OPTIONMercedez/OPTION /SELECT INPUT TYPE=button onClick=func_display() VALUE=显示文本 /FORM /BODY /HTML Toyota Ferrari Mercedes Ferrari Ferrari Toyota Ferrari Mercedes Mercedes Mercedez HTML HEAD TITLE删除选项/TITLE SCRIPT LANGUAGE = JavaScript function func_remove() { var x=document.forms.myForm.mySelect; x.remove(x.selectedIndex); } /SCRIPT /HEAD BODY FORM