3-JavaScript扫瞄器对象.ppt

知识回顾 定义数组a，大小为10，存放的数据分别是 1-10，对应的js代码为？ 希望知道数组的大小，使用哪个属性？ 代码阅读，请问输出结果是多少？ SCRIPT language=JavaScript“ var a=3“ , b=4; alert (isNaN(a)); alert (a+++b ); alert (eval(a+++b) ); /SCRIPT 知识回顾 代码阅读，请问输出结果是多少？ SCRIPT language=JavaScript var s=abcdefg ; alert ( s.indexOf(cd,0) ) ; alert (s.substr(1,2)) ; alert (Math.round(9.38)) ; var now=new Date( ); alert (now.getMonth( )) ; /SCRIPT 内容摘要 理解事件处理程序的概念 了解JavaScript 中的常用事件 掌握常用的浏览器对象： window document history 事件处理 JavaScript 事件处理程序 JavaScript 事件处理程序就是一组语句，在事件 （如点击鼠标或移动鼠标等）发生时执行 JavaScript 事件 onFocus和onBlur 事件-1 onFocus和onBlur 事件-2 onMouseOver和onMouseDown事件 浏览器对象简介 2-1 浏览器对象简介 2-2 Window 对象 7-1 Window 对象 7-2 Window 对象 7-3 Window 对象 7-4 Window 对象 7-5 Window 对象 7-6 Window 对象 7-7 Document 对象 3-1 Document 对象 3-2 Document 对象 3-3 History对象 4-1 history 对象方法 Location对象 4-2 Location 对象属性 Location 对象 4-3 Location 对象 4-4 课堂重点 JavaScript 程序是事件驱动程序 onFocus获得焦点事件，表示获得鼠标光标， onBlur失去焦点事件，刚好与之相反 浏览器对象是一个分层次的结构，window是顶层的根对象 打开窗口使用window对象的open( )方法 设置定时器，使用window对象的setTimeout( )方法 location对象的back( )和forward( )方法等同于前进、后退按钮 下拉菜单 menu1 script language=JavaScript function jump ( ) { location.href=document.myform.menu1.value; } /script /HEAD BODY FORM name=myform ... SELECT name=menu1 onChange=jump( ) OPTION---请选择季节景色--/OPTION OPTION value=spring.htm春天美景/OPTION OPTION value=summer.htm夏天一色/OPTION … 根据用户的选择， 修改跳转的网址 添加选项改变事件 谢 谢 参考答案： 1） var a=new Array(10) ; for (var i=0;i10;i++) a[i]=i+1 ; 2) 长度; length 3) a)false b)3+4 c) 7 4) a) 2 b) bc c)9 d)比当前月份少1，比如，假定现在是9月份，那就应该是8 讲解要点： 事件的理论对于学员来说，不容易理解，我们尽量要结合生活例子讲解，并和具体的代码联系起来讲解。 1）如果电话铃响了，我们习惯的会拿起电话，给予回应，说：”喂，您好！找哪位？“ 其中，电话铃响，就表示一个事件，而我们接电话，就是对该事件的处理。 2）同样道理，我们打开网页时，点击进入下一页幻灯片。 这些事件的详细解释参见学生用书9.2 节. 获得焦点和失去焦点事件学员不容易理解。 演示： 1）点击某个文本框，该文本框获得鼠标光标，就称为获得焦点事件。 2）同样道理，点击文本框外面的区域，此文本框失去鼠标光标，就称为失去焦点事件。 3）告诉学员这些事件我们在后面的学习和上机练习中都会用到。 现重点讲解几个常用的事件，进入下一页幻灯片。 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的”焦点事件“用例