《网站建设技术-电子教案-李京文 第5章 使用JavaScript设计网页特效》由会员分享，可在线阅读，更多相关《网站建设技术-电子教案-李京文 第5章 使用JavaScript设计网页特效（11页珍藏版）》请在金锄头文库上搜索。
1、网站建设技术 第5章 使用JavaScript设计网页特效,本章通过具体案例，详细地介绍了JavaScript脚本语言的基本语法，内容主要包括JavaScript内置对象、函数、浏览器对象的使用和事件处理的方法等。,BACK,NEXT,PREV,熟悉JavaScript的基本语法； 使用JavaScript进行网页脚本编程。,二、教学目标,BACK,NEXT,PREV,5.1 使用JavaScript进行客户端编程 使用JavaScript编写用户注册页面Register.html的脚本，使页面能够实现用户注册信息检验、显示系统日期、随机产生验证码等功能。页面效果如图所示。,三、知识点讲解,B
2、ACK,NEXT,PREV,5.1.1 在网页中嵌入使用JavaScript 利用JavaScript在HTML 网页中输出“欢迎注册成为淘宝网会员！”。页面效果如图所示。 嵌入的方法为： ,三、知识点讲解,BACK,NEXT,PREV,教师演示操作过程,5.1.2 利用JavaScript在网页中显示日期 使用JavaScript编程，要求在当前网页中以“年月日 星期”格式，显示系统的当前的日期和星期数，若为星期六或星期日，则星期数用红色显示。 JavaScript的常量、变量与表达式设置文本格式 结构控制语句 内置对象Date和Array,三、知识点讲解,BACK,NEXT,PREV,教师
3、演示操作过程,5.1.3 利用JavaScript进行表单验证 使用JavaScript编程，要求对表单中输入的信息进行校验。 函数的定义与调用 内置对象String和Math JavaScript浏览器对象 JavaScript的事件处理,三、知识点讲解,BACK,NEXT,PREV,教师演示操作过程,5.2 网页中常用的JavaScript效果 改变页面背景色或背景图片 设为首页和加入收藏 弹出窗口与关闭窗口 文本框中显示提示语，当鼠标单击时文本消失 图片轮流显示 可关闭的随页面滚动的广告,三、知识点讲解,BACK,NEXT,PREV,教师演示操作过程,10,实验目的与要求 熟悉JavaScript的编程方法，掌握JavaScript的语法和在网页中的编程应用。,实验三 使用HTML制作企业网站首页,BACK,NEXT,PREV,11,实验内容 试用JavaScript编写 “用户注册”页面，要求能够实现用户注册信息检验、显示系统日期、随机产生验证码、状态栏跑马灯等功能。,实验三 使用HTML制作企业网站首页,BACK,NEXT,PREV,
