网页设计与制作（HTML+CSS+JS）-3期（KC003） 运用Javascript实现网页的交互 任务10 运用Javascript实现网页的交互.pptx

;;;; 本任务就是运用Javascript实现“智慧校园教师应用门户”导航中下拉菜单。;; JavaScript简介; JavaScript简介;演示; JavaScript使用方法;举例演示;;演示;;1 数据类型;;假设字串var myString=“this sample too easy！”;假设字串var myString=“this sample too easy！”;举例演示;;Math对象的属性和方法;Math对象的属性和方法;;举例演示;2 变量的命名与定义;;3 变量的作用域;4 数组;;;;举例演示;;假设定义以下数组： var a1=new Array(a,b,c); var a2=new Array(y , x ,z);;举例演示;5 运算符与表达式;2.比较运算符;3.逻辑运算符;5.赋值运算符;6.条件运算符;7.运算符的优先级;;1 分支结构;演示;;演示;;演示;举例演示; 循环结构;;;;举例演示;;1 函数的定义;2 函数的调用;2 函数的调用;3 用户类的定义;; 用户类的定义;演示;;1 浏览器对象模型;2 window对象;2 window对象;举例演示;举例演示;3 window其他对象;;;;举例演示;;举例演示;;1 页面元素的引用;;;;2 读写HTML对象的属性;;3 表单及其控件的访问;;4 JS设置CSS样式的方式;;;举例演示;;1 事件的指派;静态设置语句块。;2 常用事件的类型;2. event对象的常用属性;举例演示;;1 初识文档对象模型;1 初识文档对象模型;2 DOM对象节点类型;;;3 DOM对象节点的基本操作;;;4 DOM对象节点的创建与修改;;;;;举例演示;;;;;HTML元素指派事件的三种方法，尤其是用代码指派事件。对DOM节点对象的事件处理只能用代码实现了。;;数字化教学资源平台网站布局;;【演示】本任务以网站导航建设为例,实现效果如图所示 。;;1. 表单验证;2. JSON自定义对象;2. 自定义对象及其成员的访问;;【实训目的】 1.灵活应用Javascript控制页面元素。 2.综合运用JavaScript技术实现页面功能。 【实训内容】 实训任务：本实训需要完成在线测试答题，选择完成后点击“交答卷”进入出评分和正确答案页面。任务实现的结果如上图所示，点击 “交答卷”运行代码，页面浏览效果如下图所示。;