javascript实训指导书.pdfVIP

JavaScript 程序设计 实 训 指 导 书 编写： 杨忠义 二〇〇八年四月 编写说明 本课程的基本内容包括JavaScrip 语言的基本语法，JavaScrip 语言嵌入HTML 语言 的方法，JavaScrip 语言的各种对象和引用的方法及使用JavaScrip 语言设计网页中的动态效 果。通过学习学生需要掌握以下基本知识和技能： (1)掌握 JavaScript 的基本数据类型、循环控制、函数、数组、内置对象 和浏览器对象的基本操作及应用。 (2)掌握文档对象模型和事件驱动的编程技术 (3)掌握JavaScript 的动态网页特效制作技术 在使学生更好地理解和深刻地把握这些知识的基础上，训练和培养 JavaScript 动态网页制作技能和阅读JavaScript 源代码的能力，设置四个具体实训项 目，以阅读代码为主，培养学生阅读JavaScript 源代码的能力，为今后继续WEB 编程 的学习奠定基础。 实训1 为动态标题栏和状态栏特效：通过本实训，使学生掌握常用浏览器对 象，培养学生设计动态标题栏和状态栏网页特效的技能。 实训2 为动态定位特效：通过本实训，使学生熟悉CSS 定位属性，训练其 写网页元素定位特效技能，培养学生设计动态定位特效的技能。 实训3 为动态显示特效：通过本实训，使学生掌握Javascript 动态显示特效 的实现，培养学生设计动态显示特效的技能。 实训4 为动态过滤特效：通过本实训，使学生掌握Javascript 实现静态过滤 特效和动态过滤特效，培养学生设计CSS 过滤特效的技能。 本实训指导书适用计算机应用专业、信息管理专业和网络技术专业。 目 录 实训 1 动态标题栏和状态栏特效____________________________________________ 1 实训2 动态定位特效______________________________________________________ 4 实训3 动态显示特效______________________________________________________ 8 实训4 动态过滤特效_____________________________________________________ 14 实训1 动态标题栏和状态栏特效 实训目的：通过本实训，使学生掌握常用浏览器对象，培养学生设计动态标题栏 和状态栏网页特效的技能，为今后继续WEB 程的学习奠定基础。 实训内容：window 对象、document 对象、String 对象和Array 对象的使用。 实训方法和手段：教师演示讲解，学生阅读源码并上机调试。 实训条件：Windows XP，IE5.5 或IE6.0。 实训学时：4 学时 实训步骤： 一、动态标题栏：设计页面，实现窗口标题栏中文字的跑马灯效果。 （一）知识点回顾 1、document.title 通过动态的改变document.title 属性值实现。 2、window.setTimeout ()或window.setInterval() 通过window 对象的定时器函数实现定期更改document.title 属性。 window.setTimeout(exp,milliSeconds)：经过指定毫秒值后计算一个表达式。 window.setInterval(exp,milliSeconds)：每经过指定毫秒值后计算一个表达式。 3、String length 属性：返回 String 对象的长度