使用JavaScriptjQuery实现页面特效第五章-理论.pptVIP

* * 第五章 指导学习：JavaScript基础 理论内容 JavaScript核心语法 DOM编程 创建对象 数组 JavaScript中的基本语法、函数和事件。 1. 声明变量常用的两种方式： （1）先声明变量再赋值，如：var name;name= cat; （2）同时声明和赋值变量,如：var name=cat; 5.1 重点回顾 数据类型 JavaScript中有五种简单数据类型，也称为基本数据类型，分别是undefined、null、boolean、number和string。 1）对未初始化的变量及未声明的变量使用typeof运算符均返回undefined。 2）null是空类型，表示一个变量已经有值，但值为空对象。使用typeof检测时会返回object。 3）boolean是布尔类型，即真假类型，这个类型有两个标准值：true(真)、false(假)。布尔值用来表示一个逻辑表达式的结果，通常用于做判断处理。 4）在JavaScript中，整数和小数都是number。 5）在JavaScript中，string是字符串类型，是使用单引号或双引号引用起来的若干字符。 5.1 重点回顾 JavaScript的流程控制 程序的三种基本处理流程：顺序、选择和循环。在JavaScript中可以通过if和switch控制选择结构，用while、do…while、for实现循环结构，其中循环结构中循环嵌套是难点。一些经典的算法如冒泡排序，都是使用循环嵌套实现的。 5.1 重点回顾 冒泡排序的运作方式是： （1）首先比较前后相邻的两个数组元素，如果前面数据大于后面的数据，就将这两个数据交换位置。例如arr[0]和arr[1]进行比较，arr[0]大于arr[1]，两个数组元素进行交换，交换后的结果是arr[0]=12,arr[1]=23。接着arr[1]再和arr[2]进行比较，arr[1]大于arr[2]，进行交换，交换后的结果是arr[1]=8,arr[2]=23，依此类推，经过第一轮比较交换后，最后一个数组元素保存了最大数23，即最大的数往下沉，最小的数依次往前冒。 （2）然后开始第二轮的比较，在第二轮中，针对所有的数组元素重复以上的步骤，除了最后一个数组元素之外。 （3）持续对逐渐减少的元素重复上面的步骤，直到没有任何一对数组元素需要比较为止。 5.1 重点回顾 冒泡排序 5.1 重点回顾 var arr = [23, 12, 8, 3, 10]; for (var i = 0; i arr.length; i++) { for (var j = 0; j arr.length - 1 - i; j++) { if (arr[j] arr[j + 1]) { var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } for (var i in arr) { document.writeln(arr[i]); } 控制需要比较的轮数 控制数组元素的下标 交换相邻的数组元素 循环输出排序后的数组 JavaScript自定义函数的语法 5.1 重点回顾 function 函数名（形式参数1,形式参数2,…,形式参数n）{ 语句 } 事件与处理程序的绑定 在JavaScript中，事件与处理程序的绑定有两种方式： （1）在事件源对象所对应的html标签上增加一个需要处理的事件属性，让事件属性值等于处理该事件的函数名或程序代码，如： h2 id=txt onclick=this.style.color=red…/h2。 （2）直接在JavaScript代码中，设置元素对象的事件属性，让事件属性值等于处理该事件的函数名或程序代码，如： script type=text/javascript document.getElementById(txt).onclick=function(){ this.style.color=red; }; /script 5.1 重点回顾 JavaScript中的系统函数 5.1 重点回顾 JavaScript对象 1. JavaScript中的内部对象包括Object、Date、Math、String和Array等。