JavaScript案例教程

单元1基础入门

【学习日标】

【知识导引】

案例1 创建hello world 网页

案例2 onclick事件

案例3自定义函数的调用

案例4变量跟踪

案例5数组变量应用

案例6更改样式

【单元小结】

【拓展任务】

拓展任务1

拓展任务2数字的加减

拓展任务3随机生成一个完整学号

拓展任务4更改字号大小

单元2基本属性设置案例

【学习目标】

【知识导引】

案例1查看大小图

案例2修改头像样式

案例3动态设置l属性

案例4用if实现“开关”

案例5图片的横向展示

案例6背景图的处理

案例7旋转标签

案例8标签的索引号

案例9显示九九表

案例10票数统讨

【单元小结】

【拓展任务】

拓展任务1添加相框

拓展任务2形状的切换

拓展任务3图片的纵向横向展示

拓展任务4设置不同的背景图

拓屈仟务5持续旋转

拓展任务6谁的点击量多

单元3交互应用案例

【学习目标】

【知识导引】

案例1键盘控制动画左右移

案例2查看诗词

案例3数组实现图片浏览

家例4五星好评

案例5快捷菜单

案例6全屏弹窗

案例7数组插人元素

案例8数组排序

案例9趣味数列

案例10旋转标题

【单元小结】

【拓展任务】

拓展任务1键盘控制移动方向

拓展任务2图片浏览到第几张

拓展任务3弹出全屏注册窗口

拓展任务4数组最大最小值

单元4计时与动画案例

【学习目标】

【知识等引】

案例1实现计数

案例2电子钟

案例3正弦运动轨连

案例4漂浮的广告

案例5动画应用

案例6秒表

案例7自动进度条

案例8九宫格抽奖

案例9数字图片显示时间

案例10图片轮播

【单无小结】

【拓展任务】

拓展任务1数字倒数

拓展任务2倒计时

拓展任务3日历电子钟

拓展任务4图文轮播

单元5常见实用案例

【学习日标】

【如识导引】

家例1单选按钮应用

案例2节点的添加与删除

家例3购物小票

案例4表格行的增删

案例5正则表达式应用

案例6调色板

家例7洗择题

案例8填字学成语

案例9表情添加

案例10循环滚动广告

【单元小结】

【拓展任务】

拓展任务1修改购物数量

拓展任务2单选题

拓展任务3答题选项卡

JavaScript是Web的编程语言。JavaScript通过改变HTML内容、更改HTML标签属性、改变HTML样式（CSS）等技术，实现Web页面的许多效果。本书总结了Web网页设计的JavaScript应用特点，收集了常用的一些网页JavaScript应用案例，包括基础入门、基本属性设置案例、交互应用案例、计时与动画案例、常见实用案例等5个单元的近50个案例。本书以案例应用的形式呈现，把技能知识的应用渗透于案例实现过程中，以实现页面效果为目标，讲解JavaScript在网页前端开发的技能技巧。本书可作为中等职业学校的教材，适合培养学生的JavaScript网页前端开发基础技能。本书在讲解案例效果的过程中，还讲述了页面开发的排错技巧、调试应用等内容，帮助开发者扎实地掌握JavaScript开发的技能基础。