第11章.JavaScript程序基础分析.ppt

第11章 JavaScript程序基础 主要内容 理解JavaScript语言的作用和执行方式 掌握在网页中使用客户端脚本的方法 掌握JavaScript语言的基本语法 认识核心语言对象，使用核心语言对象的方法和属性 掌握对页面中的不同种类的事件响应编程 能够利用JavaScript语言完成对文档内容的交互 了解客户端常见JavaScript特效程序的编程 掌握JavaScript程序的一般调试技术 11.1 JavaScript起步 JavaScript可以做什么 作为一个运行于浏览器环境中的语言，JavaScript被设计用来向HTML页面添加交互行为，利用它可以完成以下任务。 可以将文本动态的放入HTML页面。类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面：document.write(h1+name+/h1) 可以对事件做出响应。例如页面载入完成或者当用户单击某个HTML元素时，调用指定的JavaScript程序。 可以读写HTML元素。JavaScript程序可以读取及改变当前HTML页面内某个元素的内容，如文本框中的输入内容。 可被用来验证用户输入的数据。在数据被提交到服务器之前，JavaScript可被用来验证这些数据。 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。 可被用来创建cookies，用来存储和取回位于访问者的计算机中的信息。 可利用Ajax技术来完成和服务器的直接通信，无刷新的修改当前HTML页面内容。 11.1 JavaScript起步 一个实例 11.1 JavaScript起步 基本语法： 11.1.3 JavaScript放置和运行 代码的位置 位于HEAD部分的脚本 如果把脚本放置到head部分，在页面载入的时候，就同时载入了代码。 通常这个区域的JavaScript代码是为body区域程序代码所调用的事件处理函数。 位于 BODY部分的脚本 当你把脚本放置于 body 部分后，在页面载入时不属于某个函数的脚本就会被执行，执行后的输出就成为页面的内容。 11.1.3 JavaScript放置和运行(cont.) 位于Head部分的代码实例 11.1.3 JavaScript放置和运行(cont.) 代码的位置(cont.) 直接位于事件处理部分的代码中 代码的位置(cont.) 位于网页之外的单独脚本文件 优点：复用、共享 11.2 JavaScript程序 11.2.1语句和语句块 1. 语句 JavaScript 语句是发给浏览器的命令，这些命令的作用是告诉浏览器要做的事情。 例如：document.write(欢迎进入JavaScript学习之旅!); 语句类型 变量声明语句； 输入输出语句； 表达式语句； 程序流向控制语句； 返回语句。 11.2.1语句和语句块(cont.) 2. 语句块 语句块就是用“{”和“}”封闭起来的若干条语句。 11.2.1语句和语句块(cont.) 3. 代码 代码就是由若干条语句或语句块构成的执行体。浏览器按照代码编写的逻辑顺序逐行执行，直至碰到结束符号或者返回语句。 11.2.3函数 1. 函数的构成 函数代表了一种特定的功能，一般是由若干条语句构成的。函数的基本语法如下面一样。 基本语法： function 函数名(参数1, 参数2, ... 参数N) { 函数体； } 语法说明： 组成一个函数必须有“function”关键字、自定义的函数名、放在小括号中的可选参数（可以没有参数，但括号必须保留）、以及包含在大括号内的由若干条语句构成的函数体。 注意： 不能在其他语句或其自身中嵌套function语句，也就是说，每个函数声明都是独立的。 11.2.3函数(cont.) 11.2.3函数(cont.) 2.函数的参数 在11-3的程序中定义的函数是这样声明的： function welcome(name) 这里的“name”就是参数变量，参数变量的作用就是用来接收函数调用者传递过来的参数。 实参：括号里的“李小璐”就是实际参数值，简称“实参”； 形参：在函数声明时的“name”就是对应的“形参”，函数运行时，就用变量名name来代表实际的值“李小璐”参与到函数体代码中的语句。 函数声明时的参数代表了函数在执行时需要这些参数接收传过来的值，并在代码中具体应用，因此，声明函数的形式参数时应该事先明确每个参数的作用。 11.2.3函数(cont.) 具体来讲，Javascript函数的参数是可选的。它有下面几个特点： javascript本身是弱类型，所以，它的函数参数也没有类型检查和类型限定，一切都要靠编程者自己去进行检查； 一般情况下，实参