JSP应用与开发技术 第2章 JSP网页基础知识.pptVIP

* * * * 告诉学员： 本章着重讲解JavaScript脚本对象，也称为JavaScript核心语言对象， 浏览器对象将在后续章节讲解。 * * * body form name=myform input name=email type=text value= input type=button value=asdf onClick=checkEmail() /form /body * * 演示：参考TG－Source文件夹中的“Math对象”用例 提问如何实现： 引导： 1）自动刷新Meta标签 2）图片名取名为1.jpg －9.jpg，根据Math.random( )能产生的0－1随机小数，放大一定的倍数然后取整。 讲解要点： 1）Math.random( )产生0－1的小数，所以 Math.round(Math.random( )*8+1)产生1－9的数字。 2）字符串连接：document.write(“IMG width=640 height=433 src=”+ i +“.jpg”); * * 告诉学员： 1）日期函数中的星期几用数字表示，星期一到星期天（七）一般用数字0－6表示，和中国人的习惯差 1 2）月份0－11表示一月到十二月，也是差1，为后面的练习打基础。 * 告诉学员：这些函数用于设置日期和时间，比如年份、月份、日等 * 告诉学员：这些函数用于获得日期和时间，比如年份、月份、日等 * 了解：转换为国际标准时间。 * 演示：参考TG－Source文件夹中的“日期对象 1 ”用例 提问如何实现： 引导： 1）获得年份、月份、日用getxxx函数，比如getYear,getMonth 等。 2） 注意月份数＋1，同理还有星期几也是。 告诉学员： 本例时间遗憾的是：不能动态更新，永远是用户打开页面的时间，提问学员怎么办？ 引导：可以使用页面刷新，但是页面闪屏比较频繁（参见学生用书例11）。 还有别的解决办法使用定时器函数：settimeout（），引出下一页幻灯片。 * 1.先演示效果：参考TG－Source文件夹中的“日期对象 2 ”用例 2.介绍settimeout函数的用法 3.分析解决思路：我们可以采用定时器函数，反复的调用某个函数来显示时间。 从而实现时间动态更新的效果 * 讲解步骤： 1.先告诉学员，为了显示时间，这里采用了文本框myclock，为了界面美观，设置了无边框样式。 2.既然定时器函数需要反复的调用某个函数来显示时间，所以我们需要定义一个函数， 它的功能就是显示时间，假定为disptime( ) 3. 逐一讲解如何显示小时，分钟，秒的代码 4.讲解定时器的关键代码。 * 1）讲解无边框样式，因为文本框对应的HTML标签是INPUT，所以就采用INPUT标签选择器定义样式。 2）onload事件调用disptime（） * * 讲解要点： 事件的理论对于学员来说，不容易理解，我们尽量要结合生活例子讲解，并和具体的代码联系起来讲解。 1）如果电话铃响了，我们习惯的会拿起电话，给予回应，说：”喂，您好！找哪位？“ 其中，电话铃响，就表示一个事件，而我们接电话，就是对该事件的处理。 2）同样道理，我们打开网页时，点击进入下一页幻灯片。 * * 这些事件的详细解释参见学生用书9.2 节. 获得焦点和失去焦点事件学员不容易理解。 演示： 1）点击某个文本框，该文本框获得鼠标光标，就称为获得焦点事件。 2）同样道理，点击文本框外面的区域，此文本框失去鼠标光标，就称为失去焦点事件。 3）告诉学员这些事件我们在后面的学习和上机练习中都会用到。 现重点讲解几个常用的事件，进入下一页幻灯片。 * 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的”焦点事件“用例 2）提问：我们应该使用哪些事件呢？引导学员的思路。 3）讲解代码。 * 讲解要点： * 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的” MouseOver和MouseDown事件“用例 2）提问：我们应该使用哪些事件呢？引导学员的思路。 3）讲解代码。 * 讲解要点： 1）强调每个对象和我们前面学习的字符串对象、日期对象等一样， 只要是对象，都包含属性和方法，方法也就是该对象的一系列函数。 * 告诉学员： 1）前面学习过的alert和prompt以及马上要讲的confird都是window对象的方法 2）重点讲解突出标注的三个新方法： confirm( ) 、open( ) 、close( )方法。 3）confirm弹出确认对话框，点击确定返回true ，取消返回false 4) open ( )和close( )用于打开一个新窗口或者关闭窗口，下面举例讲解，点击进入