第01章JavaScript基础.ppt

JavaScript语言与Ajax应用 * JavaScript语言与Ajax应用 * 1.1 JavaScript的历史与现状 1.2 JavaScript的运行 1.3 JavaScript的开发环境 第1章 JavaScript基础 * JavaScript语言与Ajax应用 * 1.1 JavaScript的历史与现状 1.1.1 JavaScript的发展 1.1.2 JavaScript在HTML中的作用 1.1.3 Ajax * JavaScript语言与Ajax应用 * 1.1.1 JavaScript的发展 当时为Netscape工作的Brendan Erich，开始着手为即将在1995年发行的Netscape Navigator 2.0开发一个称之为LiveScript的脚本语言，当时的目的是同时在浏览器和服务器使用它。 由来自Netscape、Sun、微软、Borland和其他一些对脚本编程感兴趣的公司的程序员组成的TC39锤炼出了ECMA-262，该标准定义了叫做ECMAScript的全新脚本语言。 2005年12月，ECMA发布ECMA-357标准（ISO/IEC 22537）出台,将ECMAScript作为JavaScript实现的基础。 * JavaScript语言与Ajax应用 * 1.1.2 JavaScript在HTML中的作用 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本编写语言。 在HTML基础上，使用JavaScript可以开发交互式Web网页，它是通过嵌入或调入在标准的HTML语言中实现的。 JavaScript与HTML标识结合在一起，实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。 * JavaScript语言与Ajax应用 * 1.1.3 Ajax Ajax即“Asynchronous JavaScript and XML”（异步JavaScript和XML） Ajax描述了把JavaScript和Web服务器组合起来的编程范型，JavaScript是Ajax的核心技术之一，在Ajax技术架构中起着不可替代的作用。 Ajax是一种Web应用程序开发的手段，它采用客户端脚本与Web服务器交换数据，所以不必采用中断交互的完整页面刷新，就可以动态地更新Web页面。 * JavaScript语言与Ajax应用 * 1.2 JavaScript的运行 1.2.1 JavaScript代码的装载与解析 当一个HTML页面被装载时，它会装载并解析过程中遇到的任何JavaScript。 代码解析是浏览器取得代码并将之转化成可执行代码的过程。 * JavaScript语言与Ajax应用 * 1.2.2 在HTML页面中嵌入JavaScript 1．引入JavaScript脚本代码到HTML文档中 如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 script 标签（同时使用 type 属性来定义脚本语言）。这样，script type=text/javascript 和 /script 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。 * JavaScript语言与Ajax应用 * 1.2.2 在HTML页面中嵌入JavaScript script标记的几个属性： （1）language 属性：用于指定封装代码的脚本语言及版本 （2）type 属性：指定script标记对之间插入的脚本代码类型 （3）src 属性：用于将外部的脚本文件内容嵌入到当前文档中 * JavaScript语言与Ajax应用 * 1.2.2 在HTML页面中嵌入JavaScript 2．嵌入JavaScript脚本代码的位置 （1）head标记之间放置 （2）body标记之间放置 （3）在两个标记对之间混合放置 * JavaScript语言与Ajax应用 * 1.3 JavaScript的开发环境 JavaScript 脚本编程一般分为如下步骤： ①选择 JavaScript 语言编辑器编辑脚本代码； ②嵌入该 JavaScript 脚本代码到 HTML文档中； ③选择支持 JavaScript 的浏览器浏览该 HTML 文档； ④如果错误则检查并修正源代码，重新浏览，此过程重复直至代码正确为止； ⑤处理不支持 JavaScript 脚本的情况。 * JavaScript语言与Ajax应用 * 1.3 JavaScript的开发环境 1.3.1 编写JavaScript代码 1.3.2 运行与调试JavaScri