Javascript基础教材.ppt

信息管理学院 刘政敏 liuzhengmin525@163.com;Page ? *;4.1、Javascript概述;学习资料;Javascript概述-续;Javascript概述-续;Javascript概述-续;使用方式-续;Javascript概述-续;Javascript概述-续;Page ? *;4.2、Javascript基础;4.2.1 语法;4.2.2 变量;变量作用域;;数组变量;;数组的主要属性和操作;4.2.3 数据类型;栈与堆;栈和堆区别;1、原始数据类型;原始数据类型;typeof 运算符;Demo; (1)原始类型-Undefined; (2)原始类型-Null;(3)原始类型-Number、String、Boolean;(4)关于类型转换;2、引用数据类型;引用数据类型-续;String类的主要方法;4.2.4 运算符与表达式;4.2.5 控制语句 ;1、if 语句;2、switch语句;3、for语句;4、while语句;5、break语句与continue语句;4.2.6 函数;函数的定义;函数中的特殊对象;一些有用的系统函数;Page ? *;4.3、Javascript对象;4.3.1 内置对象;1、Math对象;2、String字符串对象;3、Date日期对象;Date对象;Example1;Example2;BOM(Browser Object Model,浏览器对象模型);window:处于对象层次的最顶端,提供处理窗口的方法和属性； document：装入到当前窗口的文档，包含一个文档所有的标签元素，将其封装供使用； location：用于创建、访问或修改URL对象； history：包含客户机先前已经请求过的URL； Screen：提供关于用户屏幕的信息,如大小颜色等； Navigator:提供关于浏览器对象的信息,包括浏览器版本、型号等信息：;;1、Window对象;window主要方法;Example;Window方法-续;Window对象主要方法;Window对象主要方法-续;window的主要属性;2、document对象;document主要方法;3、location对象;4、history对象;Page ? *;4.4 DOM基础;4.5.1 DOM概述;BOM与DOM的区别？;BOM与DOM的区别？-续上页;BOM与DOM的区别？-续上页;DOM概述-续;DOM概述-续;Demo DOM节点树;节点树;DOM概述-续;节点主要属性与方法;节点信息说明;4.5.2 DOM操作;DOM操作-续;DOM操作-续;DOM操作-续;补充：1、操作table-核心DOM;2、HTML DOM操作table;-续上页;4.5.3 高级DOM技术;1、样式编程;-续上页 ;示例;2、innerText与innerHTML;innerText与innerHTML-续;比较innerText与innerHTML;示例:;Page ? *;4.5 事件;主要内容;4.5.1 事件流;2、目前，主要有3种典型的事件流： 冒泡型事件(Event Bubbling) 捕获型事件(Event Capturing) DOM标准的事件模型 ;（1）冒泡型事件流;（2）捕获型事件流;（3）DOM标准的事件流模型;;4.5.2 事件处理函数;事件处理函数分配方式;事件处理函数分配方式-IE;事件处理函数分配方式-DOM;4.5.3 事件对象（event);事件对象-续;IE中事件对象的主要属性/方法;IE中事件对象的主要属性/方法-续;事件对象-续;DOM事件对象的主要属性/方法;IE与DOM的几个主要区别;4.5.4 事件类型;1、鼠标事件;2、键盘事件;3、HTML事件;示例;Page ? *;4.6 表单和数据完整性控制;4.6.1 form/元素进行脚本编写;form/元素进行脚本编写-续;form/元素进行脚本编写-续;6、获取/更改文本框的值 var s =document.getElementById(“txt1”).value; document.getElementById(“txt1”).value = “…”; 7、选择文本:select() var txtbox1 =document.getElementById(“txt1”); txtbox1.focus(); txtbox1.select(); 8、文本框事件:blur,focus,change,select ;9、列表框和组合框 列表框：select name=“selAge” id=“selAge” option value=“1”18-21/option option value=“2