JavaScript高级5天学会教程.doc

Javascript高级编程 Day1 大纲： 1.Js基础 2.事件编程 3.Dom操作 4.BOM模型 5.面向对象 6.正则表达式 7.贪食蛇 简介 什么是javascript JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。 为什么要使用javascript 表单验证 网页特效 小游戏 Ajax 快速入门 在程序中，如果想编写js代码，有两种办法： 在html文件中，在一对script标记中，直接编写 script language=javascript document.write(hello); /script 在js中，直接编写，在html中，使用一对script标记直接引用 script language=javascript src=demo01.js/script 以上两种不能在一对script标记中重复使用 基础语法 基本格式 JavaScript区分大小写 变量a和变量A是两个变量 JavaScript脚本程序须嵌入在HTML文件中 JavaScript脚本程序中不能包含HTML标记代码 script document.write(‘table/table’); /script 每行写一条脚本语句 语句末尾可以加分号 JavaScript脚本程序可以独立保存为一个外部文件 关于script标签 script Language：引用的语言 javascript、php、c#、VBSCRIPT Src：引用一个外部的js文件 关于变量 变量是用来临时存储数值的容器，变量存储的数值是可以变化的 变量必须要先声明才能使用，使用var声明变量 使用var声明：局部变量 没有使用var声明：全局变量 变量的命名规则：第一个字符必须是英文字母，或者是下划线(_)；其后的字符，可以是英文字母，数字，下划线；变量名不能是JavaScript的保留字 变量的作用域:全局变量、局部变量 数据类型 String ：字符串 ‘’ “” Number ：数字 10、10.01、100 Boolean ：布尔型 true、false Undefined ：未定义 Null ：空 Object ：对象 5、运算符 算术运算符 +、-、*、/、%、++、-- i++ ++i 比较运算符 、、=、=、!=、==、===、!== ==和===有何区别？ == ：判断值是否相等 ===：判断值相等类型也相同 逻辑运算符 、||、! 赋值运算符 =、+=、-=、*=、/=、%= 将运算符左边的与右边的进行计算，再赋值给左边的 字符串运算符 +、+= 流程结构 顺序结构 分支结构 循环结构 顺序结构 代码是一行接着一行执行 分支结构 If、else、else if、switch 循环结构 For、while、do....while、for.....in 小游戏： 猜数游戏：进入到页面之后、随机一个数1--500、弹出输入框，由用户输入一个数字，如果这个数字大于随机数，提示：大了，反之提示，小了。如果相等，提示：猜对了，然后程序结束 函数 函数的功能 代码重复性使用 模块化编程 语法： 使用函数前要先定义才能调用 函数定义有三个部分:函数名,参数列表,函数体 定义函数的格式 function 函数名([参数1,参数2...]){ 函数执行部分; return 表达式; } 调用语法： 函数名(实参1,实参2,......,); 代码示例 例1：关于函数的定义和调用 例2：关于函数的参数问题 在上题中，first,second是形参，i,j是实体 在函数执行过程，形参值的改变不会影响实参 按值传递 按地址传递原理图： 在js中，对象类型默认就是按地址传递 例3：关于函数的返回值问题 例4：关于匿名函数 Var i=10; 变量可以保存数据，也可以保存地址 Function display(){ } 在window对象下添加一个叫display的变量，它指向了这个函数的首地址 Window.i=display 我们让window对象下的i指向这个函数的首地址 display() ======= i(); 例5：自调用匿名函数 Function(){} ：相当于返回首地址 (Function(){}) ：把这部分看做一个整体 (function(){})()：相当于找到这个地址并执行 以上这种写法：可以避免代码库中的函数有重命问题，并且以上代码只会在运行时执行一次，一般用做初始化工作。 例6：全局变量与局部变量 在函数内部定义的就是局部的，否则就是全局的 如果函数内的变量没有var声明会