资源描述:
《javascript实训指导书》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、JavaScript程序设计实训指导书编写:杨忠义二〇〇八年四月编写说明本课程的基本内容包括JavaScrip语言的基本语法,JavaScrip语言嵌入HTML语言的方法,JavaScrip语言的各种对象和引用的方法及使用JavaScrip语言设计网页中的动态效果。通过学习学生需要掌握以下基本知识和技能:(1)掌握JavaScript的基本数据类型、循环控制、函数、数组、内置对象和浏览器对象的基本操作及应用。(2)掌握文档对象模型和事件驱动的编程技术(3)掌握JavaScript的动态网页特效制作技术在使学生更好地理解和深刻地把握这些知识的基础上,训练和培养JavaScript动态网页制作
2、技能和阅读JavaScript源代码的能力,设置四个具体实训项目,以阅读代码为主,培养学生阅读JavaScript源代码的能力,为今后继续WEB编程的学习奠定基础。实训1为动态标题栏和状态栏特效:通过本实训,使学生掌握常用浏览器对象,培养学生设计动态标题栏和状态栏网页特效的技能。实训2为动态定位特效:通过本实训,使学生熟悉CSS定位属性,训练其编写网页元素定位特效技能,培养学生设计动态定位特效的技能。实训3为动态显示特效:通过本实训,使学生掌握Javascript动态显示特效的实现,培养学生设计动态显示特效的技能。实训4为动态过滤特效:通过本实训,使学生掌握Javascript实现静态过滤
3、特效和动态过滤特效,培养学生设计CSS过滤特效的技能。本实训指导书适用计算机应用专业、信息管理专业和网络技术专业。目录实训1动态标题栏和状态栏特效____________________________________________1实训2动态定位特效______________________________________________________4实训3动态显示特效______________________________________________________8实训4动态过滤特效___________________________________________
4、__________14实训1动态标题栏和状态栏特效实训目的:通过本实训,使学生掌握常用浏览器对象,培养学生设计动态标题栏和状态栏网页特效的技能,为今后继续WEB编程的学习奠定基础。实训内容:window对象、document对象、String对象和Array对象的使用。实训方法和手段:教师演示讲解,学生阅读源码并上机调试。实训条件:WindowsXP,IE5.5或IE6.0。实训学时:4学时实训步骤:一、动态标题栏:设计页面,实现窗口标题栏中文字的跑马灯效果。(一)知识点回顾1、document.title通过动态的改变document.title属性值实现。2、window.setTi
5、meout()或window.setInterval()通过window对象的定时器函数实现定期更改document.title属性。window.setTimeout(exp,milliSeconds):经过指定毫秒值后计算一个表达式。window.setInterval(exp,milliSeconds):每经过指定毫秒值后计算一个表达式。3、Stringlength属性:返回String对象的长度。charAt(index):返回指定索引位置处的字符。substring(start,end):返回位于String对象中指定位置的子字符串。start指明子字符串的起始位置,该索引从0开
6、始起算;end指明子字符串的结束位置,该索引从0开始起算。4、onload事件onload事件:在浏览器完成对象的装载后立即触发,这里用于调用跑马灯效果函数代码。(二)源代码分析
动态显示标题栏请注意窗口标题栏的信息。