Web程序设计精品教学课件：chaper-18-js.pptVIP

下拉菜单 menu1 Location 对象 4-4 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 … 根据用户的选择， 修改跳转的网址 添加选项改变事件 课堂重点 JavaScript 程序是事件驱动程序 onFocus获得焦点事件，表示获得鼠标光标， onBlur失去焦点事件，刚好与之相反 浏览器对象是一个分层次的结构，window是顶层的根对象 打开窗口使用window对象的open( )方法 设置定时器，使用window对象的setTimeout( )方法 location对象的back( )和forward( )方法等同于前进、后退按钮 * 参考答案： 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文件夹中的”焦点事件“用例 2）提问：我们应该使用哪些事件呢？引导学员的思路。 3）讲解代码。 * 讲解要点： * 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的” MouseOver和MouseDown事件“用例 2）提问：我们应该使用哪些事件呢？引导学员的思路。 3）讲解代码。 * 讲解要点： 我们上网时，一般是在IE浏览器中，键入某个网址：如，然后打开google网页， 引出浏览器对象。为了让学员容易理解，不要1求过去完整而枯燥的概念定义。 1）整个浏览器窗口，称为window窗口对象。 2）窗口对象又包括上方的地址栏和下方的页面内容。地址栏称为location地址对象，表示网页的地址信息。 3）下方的页面内容代表整个网页文档，称为document文档对象，存放网页的文档信息。 4）文档对象又包含段落、图片、表单等。例如表单对象FORM 5) 总结：从这张图可以看出，浏览器对象是分层次的. 所以表单中的文本框完整的名称应该是： window.document.myform.text1 ，其中window可以省略，所以我们前面写为： document.myform.text1 就是这样来的。 * 描述层次结构的思想： 1）window窗口对象是代表整个浏览器窗口，是最顶层的根。 2）往下包括history历史对象（存放历史信息，可以前进后退的功能）、document文档对象、localtion地址对象。 3）网页文档往下又包含……. 让学员理解层次结构的思想。 * 讲解要点： 1）强调每个对象和我们前面学习的字符串对象、日期对象等一样， 只要是对象，都包含属性和方法，方法也就是该对象的一系列函数。 * 告诉学员： 1）前面学习过的alert和prompt以及马上要讲的confird都是window对象的方法 2）重点讲解突出标注的三个新方法： confirm( ) 、open( ) 、close( )方法。 3）confirm弹出确认对话框，点击确定返回true ，取消返回false 4) open ( )和close( )用于打开一个新窗口或者关闭窗口，下面举例讲解，点击进入下一页幻灯片。