Lesson01 js高级教程1

1、JavascriptJs基础事件编程Dom操作BOM模型面向对象正则表达式贪食蛇一、 简介1、 什么是javascriptJavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。2、 为什么要使用javascript表单验证网页特效小游戏Ajax3、 快速入门在程序中，如果想编写js代码，有两种办法：1） 在html文件中，在一对script标记中，直接编写<script language='javascript'>document.write('hello');</scrip

2、t>2） 在js中，直接编写，在html中，使用一对script标记直接引用<script language='javascript' src='demo01.js'></script>以上两种不能在一对script标记中重复使用2、 基础语法1、 基本格式JavaScript区分大小写 变量a和变量A是两个变量JavaScript脚本程序须嵌入在HTML文件中JavaScript脚本程序中不能包含HTML标记代码<script> document.write(<table></table>);&

3、lt;/script>每行写一条脚本语句语句末尾可以加分号JavaScript脚本程序可以独立保存为一个外部文件2、 关于script标签<script> Language：引用的语言 javascript、php、c#、VBSCRIPTSrc：引用一个外部的js文件3、 关于变量变量是用来临时存储数值的容器，变量存储的数值是可以变化的变量必须要先声明才能使用，使用var声明变量使用var声明：局部变量没有使用var声明：全局变量变量的命名规则：第一个字符必须是英文字母，或者是下划线(_)；其后的字符，可以是英文字母，数字，下划线；变量名不能是JavaScript的保留字变量

4、的作用域:全局变量、局部变量4、 数据类型String ：字符串 “”Number ：数字 10、10.01、100Boolean ：布尔型 true、falseUndefined ：未定义Null ：空Object ：对象5、运算符算术运算符 +、-、*、/、%、+、- i+ +i比较运算符>、<、>=、<=、!=、=、=、!=和=有何区别？= ：判断值是否相等=：判断值相等类型也相同逻辑运算符 &&、|、!赋值运算符 =、+=、-=、*=、/=、%= 将运算符左边的与右边的进行计算，再赋值给左边的字符串运算符 +、+=3、 流程结构顺序结构分支结构循

5、环结构1、 顺序结构代码是一行接着一行执行2、 分支结构If、else、else if、switch3、 循环结构For、while、do.while、for.in小游戏：猜数游戏：进入到页面之后、随机一个数1-500、弹出输入框，由用户输入一个数字，如果这个数字大于随机数，提示：大了，反之提示，小了。如果相等，提示：猜对了，然后程序结束4、 函数1、 函数的功能代码重复性使用模块化编程2、 语法：使用函数前要先定义才能调用函数定义有三个部分:函数名,参数列表,函数体定义函数的格式function 函数名(参数1,参数2.) 函数执行部分; return 表达式;调用语法： 函数名(实参1,实

6、参2,.,);3、 代码示例例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()

7、：相当于返回首地址(Function() ：把这部分看做一个整体(function()()：相当于找到这个地址并执行以上这种写法：可以避免代码库中的函数有重命问题，并且以上代码只会在运行时执行一次，一般用做初始化工作。例6：全局变量与局部变量在函数内部定义的就是局部的，否则就是全局的如果函数内的变量没有var声明会直接影响全局的为什么没有var是全局的？是因为，在js中，如果某个变量没有var声明，会自动到上一层作用域中去找这个变量的声明语句，如果找到，就使用，如果没有找到，继续向上查找，一直查找到全局作用域为止，如果全局中仍然没有这个变量的声明语句，那么会自动在全局作用域进行声明，这个就是j

8、s中的作用域链代码示例：局部访问全局使用作用域链全局访问局部可以使用闭包进行模拟5、 arugments的使用在一个函数内部，可以使用arguments属性，它表示函数的的形参列表，它是以数组形式体现的例1：在定义display函数时，它的实参个数必须要与形参个数保持一致，有时，我们定义函数时，形参数目不能固定，如何解决？例2：如果定义时，参数个数不确定，可以通过arguments来保存所有实参例3：使用js函数来计算每个公司的员工工资总额6、 javascript中的词法分析Js中的script是分段执行的例1：在之前script语句段定义的变量和函数可以在其它script语句段使用。例2：在一个js程序中，可以有多个script语句段，那么它们如何工作？1、读入第一个代码段2、编译 声明变量、声明函数、语法检查、语义检查、代码优化、分析并得到代码树. Var i=10; Var i;3、 执行 i=10;4、读入下一个代码段5、编译6、执行7、8、结束首先，对上面这个script语句段进行编译，这时已经声明了变量i,这时它是undefind例3：js中的错误类型编译错误 ：是指在编译时发生的错误，如：语法错误 运行错误 ：是指在运行时发生的错误无论是哪种错误，当