项目4科技资讯网

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势学习目标知识目标掌握JavaScript的3种引入方式掌握标识符的命名规则、常用的关键字与保留字掌握常量、变量和数据类型的定义掌握JavaScript函数的语法格式掌握获取HTML元素的常用方法的使用掌握创建JavaScript对象的4种方式掌握DOM的基础操作掌握流程控制语句与数组的使用理解BOM对象中提供的5个浏览器内置对象掌握连续定时器与延迟定时器的使用掌握事件的对象、调用和处理掌握ECMAScript6.0的6个新特性

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势学习目标技能目标熟练使用JavaScript的基础知识实现科技资讯网首页的导航栏与下拉菜单熟练使用流程控制、数组、BOM对象和定时器实现科技资讯网首页的广告栏与城市商业信息熟练使用常用的JavaScript事件实现科技资讯网首页的热门推荐与资讯素质目标鼓励学生在JavaScript技术学习中不断追求卓越、提升自我培养学生持续学习和探索新技术的习惯，关注JavaScript及其相关技术的最新发展

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势学习内容任务1实现科技资讯网首页的导航栏与下拉菜单任务2实现科技资讯网首页的广告栏与城市商业信息任务3实现科技资讯网首页的热门推荐与资讯

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势项目描述科技资讯网主要以首页为例，使用不同的JavaScript知识实现首页的不同部分，首页展示的内容主要包括导航栏、广告栏、公告信息、城市商业信息、热门推荐、热门资讯和页面版权信息。通过对科技资讯网首页实现过程的学习，读者将掌握JavaScript的基础、DOM对象、BOM对象、定时器、事件对象、事件的调用与处理、常用的JavaScript事件，以及ECMAScript6.0新特性等知识的运用。

任务1实现科技资讯网首页的导航栏与下拉菜单1

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势需求分析科技资讯网首页的导航栏包含指向网站主要页面的链接，如首页、资讯、商业、数码、家电、汽车、娱乐、体育等。科技资讯网首页的导航栏与下拉菜单的效果如下图所示。

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势知识储备一、JavaScript简介七、DOM对象二、JavaScript的引入方式八、DOM节点三、标识符、关键字与保留字九、DOM的基本操作四、常量、变量与数据类型五、JavaScript函数六、创建JavaScript对象

HTML5的优势解决了跨浏览器的问题新增多个新特性（语义化标签、多媒体标签、canvas元素、本地存储等）用户优先原则化繁为简的优势一、JavaScript简介JavaScript是一种轻量级、解释型的Web开发语言，是可与HTML文件相融合的一种脚本语言。JavaScript语言的特性和结构如下所示。1.JavaScript语言的特性（1）解释型。可移植性较好，只要有解释环境，可在不同的操作系统上运行。（2）弱类型。易于学习、语言表达简单易懂、代码更优雅、开发周期更短、更加偏向逻辑设计。（3）动态性。指在变量定义时不一定进行赋值操作，只需在使用时作赋值操作即可。（4）事件驱动。JavaScript对用户的响应以事件驱动的方式进行。如单击、拖动窗口、选择菜单等。（5）跨平