SSM轻量级框架应用开发教项目二 JavaScript与Ajax.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 任务六 Ajax技术 2.6.3 Ajax与jQuery 通过比较不难得出，相对于原始的ajax程序，jquery中的ajax函数采用了键值对的编码形式。结构清晰，易于上手。下面通过图，简要介绍ajax函数中参数settings的常用属性： * * 任务六 Ajax技术 2.6.3 Ajax与jQuery 通过比较不难得出，相对于原始的ajax程序，jquery中的ajax函数采用了键值对的编码形式。结构清晰，易于上手。下面通过图，简要介绍ajax函数中参数settings的常用属性： * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 任务三 JavaScript函数 2.3.2 函数的调用 在调用函数时，可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数，由逗号 (,) 分隔，变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。 有时，我们会希望函数将值返回调用它的地方。通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。 * * 任务三 JavaScript函数 2.3.2 函数的调用 例如：函数myFunction()会返回值5，函数调用将被返回值取代，myVar变量的值将变为5，也就是函数所返回的值。 * * 任务三 JavaScript函数 2.3.3 函数变量生命周期 JavaScript函数有两种变量类型：局部JavaScript变量和全局JavaScript变量 在 JavaScript函数内部声明的变量（使用var）是局部变量，所以只能在函数内部访问它。在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。全局变量会在页面关闭后被删除。 * * 任务四 JavaScript事件 2.4.1 JavaScript常用事件 事件是指是发生在HTML元素上的事情。当在HTML页面中使用JavaScript 时，JavaScript可以触发这些事件。常用到HTML事件有以下四种类型：鼠标事件、键盘事件、表单事件、框架/对象事件。 * * 任务四 JavaScript事件 2.4.1 JavaScript常用事件 * * 任务四 JavaScript事件 2.4.1 JavaScript常用事件 * * 任务四 JavaScript事件 2.4.1 JavaScript常用事件 * * 任务四 JavaScript事件 2.4.1 JavaScript常用事件 * * 任务四 JavaScript事件 2.4.2 事件处理程序的调用 事件是由浏览器的事件模型进行处理，就是通过监听函数对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式的主要编程方式。 事件的处理过程一般分为三个阶段：捕获阶段，目标阶段和冒泡阶段。捕获阶段主要作用是捕获截取事件。目标阶段主要作用是执行绑定事件。冒泡阶段主要作用是将目标元素绑定事件执行的结果返回给浏览器。 * * 任务四 JavaScript事件 2.4.2 事件处理程序的调用 例如：获取时间的源代码如下。其中事件填在button元素的onclick时间属性上，当点击按钮时就会触发onclick事件，执行事件里的JavaScript代码。 * * 任务五 常用对象 2.5.1 标准库 同Java一样，JavaScript为方便广大开发者，将开发中常用的属性和方法封装成了对象。本小节着重讲解四个使用频率较高的对象：String对象、Date对象和RegExp对象。 * * 任务五 常用对象 2.5.1 标准库 （1）String对象：它是JavaScript原生提供的三个包装对象之一，用来生成字符串对象。 * * 任务五 常用对象 2.5.1 标准库 上例中，变量s1是字符串，s2是对象。由于s2是字符串对象，s2.valueOf方法返回的就是它所对应的原始字符串。字符串对象是一个类似数组的对象（很像数组，但不是数组）。字符串abc对应的字符串对象，有数值键（0、1、2）和length属性，所以可以像数组那样取值。 * * 任务五 常用对象 2.5.1 标准库 字符串中常用的方法如下图所示。 * * 任务五 常用对象 2