《最新JavaScript语言与Ajax应用第01章 JavaScript基础(共16张PPT课件).pptx》由会员分享，可在线阅读，更多相关《最新JavaScript语言与Ajax应用第01章 JavaScript基础(共16张PPT课件).pptx（16页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 中国(zhn u)水利水电出版社第一页，共十六页。第1章 JavaScript基础(jch) 1.1 JavaScript的历史的历史(lsh)与现状与现状 1.2 JavaScript的运行的运行 1.3 JavaScript的开发环境的开发环境 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）2第二页，共十六页。1.1 JavaScript的历史(lsh)与现状 1.1.1 JavaScript的发展的发展(fzhn) 1.1.2 JavaScript在在HTML中的作用中的作用 1.1.3 Ajax 2022年7月2日星期六JavaScript语言与Ajax应用
2、（第二版）3第三页，共十六页。1.1.1 JavaScript的发展(fzhn) 当时为当时为Netscape工作的工作的Brendan Erich，开始着手为即将在，开始着手为即将在1995年发行的年发行的Netscape Navigator 2.0开发一个称之为开发一个称之为LiveScript的脚本语言，当时的目的是同时在浏览器和服的脚本语言，当时的目的是同时在浏览器和服务器使用它。务器使用它。 由来自由来自Netscape、Sun、微软、微软、Borland和其他一些对脚本和其他一些对脚本编程感兴趣的公司编程感兴趣的公司(n s)的程序员组成的的程序员组成的TC39锤炼出了锤炼出了EC
3、MA-262，该标准定义了叫做，该标准定义了叫做ECMAScript的全新脚本语言。的全新脚本语言。 2005年年12月，月，ECMA发布发布ECMA-357标准（标准（ISO/IEC 22537）出）出台台,将将ECMAScript作为作为JavaScript实现的基础。实现的基础。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）4第四页，共十六页。1.1.2 JavaScript在HTML中的作用(zuyng) JavaScript是一种基于对象和事件驱动并具有安全是一种基于对象和事件驱动并具有安全性能的脚本编写语言。性能的脚本编写语言。在在HTML基础上，使用基
4、础上，使用JavaScript可以开发交互式可以开发交互式Web网页，它是通过嵌入或调入在标准网页，它是通过嵌入或调入在标准(biozhn)的的HTML语言中实现的。语言中实现的。 JavaScript与与HTML标识结合在一起，实现在一个标识结合在一起，实现在一个网页中链接多个对象，与网络客户交互作用，从网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。而可以开发客户端的应用程序。2022年7月2日星期六JavaScript语言与Ajax应用（第二版）5第五页，共十六页。1.1.3 Ajax Ajax即即“Asynchronous JavaScript and XML”（
5、异步（异步JavaScript和和XML） Ajax描述了把描述了把JavaScript和和Web服务器组合起来的服务器组合起来的编程范型，编程范型，JavaScript是是Ajax的核心技术之一，在的核心技术之一，在Ajax技术架构中起着不可替代的作用。技术架构中起着不可替代的作用。 Ajax是一种是一种Web应用程序开发的手段，它采用客户应用程序开发的手段，它采用客户端脚本与端脚本与Web服务器交换数据，所以不必采用中断服务器交换数据，所以不必采用中断交互的完整页面刷新交互的完整页面刷新(shu xn)，就可以动态地更新，就可以动态地更新Web页面。页面。 2022年7月2日星期六Java
6、Script语言与Ajax应用(yngyng)（第二版）6第六页，共十六页。1.2 JavaScript的运行(ynxng) 1.2.1 JavaScript代码的装载与解析代码的装载与解析 当一个当一个HTML页面页面(y min)被装载时，它会装载并解析过程中遇到的任被装载时，它会装载并解析过程中遇到的任何何JavaScript。 代码解析是浏览器取得代码并将之转化成可执行代码的过程。代码解析是浏览器取得代码并将之转化成可执行代码的过程。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）7第七页，共十六页。1.2.2 在HTML页面(y min)中嵌入JavaScr
7、ipt 1引入引入JavaScript脚本代码到脚本代码到HTML文档中文档中 如果需要把一段如果需要把一段 JavaScript 插入插入(ch r) HTML 页面，我们需要使用页面，我们需要使用 script 标签（同时使用标签（同时使用 type 属性来定义脚本语言）。这样，属性来定义脚本语言）。这样， 和和 就可以告诉浏览器就可以告诉浏览器 JavaScript 从何处开始，到何处结束。从何处开始，到何处结束。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）8第八页，共十六页。1.2.2 在HTML页面(y min)中嵌入JavaScript script标
8、记的几个属性：标记的几个属性： （1）language 属性：用于指定封装代码的脚本语言及版本属性：用于指定封装代码的脚本语言及版本 （2）type 属性：指定属性：指定script标记对之间插入的脚本代码类型标记对之间插入的脚本代码类型 （3）src 属性：用于将外部的脚本文件属性：用于将外部的脚本文件(wnjin)内容嵌入到当前文档中内容嵌入到当前文档中 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）9第九页，共十六页。1.2.2 在HTML页面(y min)中嵌入JavaScript 2嵌入嵌入(qin r)JavaScript脚本代码的位置脚本代码的位置 （1
9、）head标记之间放置标记之间放置 （2）body标记之间放置标记之间放置 （3）在两个标记对之间混合放置）在两个标记对之间混合放置 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）10第十页，共十六页。1.3 JavaScript的开发(kif)环境 JavaScript 脚本编程一般分为如下步骤：脚本编程一般分为如下步骤： 选择选择 JavaScript 语言编辑器编辑脚本代码；语言编辑器编辑脚本代码； 嵌入该嵌入该 JavaScript 脚本代码到脚本代码到 HTML文档中；文档中； 选择支持选择支持 JavaScript 的浏览器浏览该的浏览器浏览该 HTML
10、文档；文档； 如果错误如果错误(cuw)则检查并修正源代码，重新浏览，此过程重则检查并修正源代码，重新浏览，此过程重复直至代码正确为止；复直至代码正确为止； 处理不支持处理不支持 JavaScript 脚本的情况。脚本的情况。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）11第十一页，共十六页。1.3 JavaScript的开发(kif)环境 1.3.1 编写编写(binxi)JavaScript代码代码 1.3.2 运行与调试运行与调试JavaScript代码代码 1.3.3 HTTP调试调试 2022年7月2日星期六JavaScript语言与Ajax应用（第二版
11、）12第十二页，共十六页。1.3.1 编写编写(binxi)JavaScript代码代码 由于由于JavaScript纯粹由文本构成，因此编写纯粹由文本构成，因此编写JavaScript代码可代码可以用任何文本编辑器，也可以用编写以用任何文本编辑器，也可以用编写HTML和和CSS文件的任何文件的任何程序，或者程序，或者(huzh)用像用像Visual Studio和和Eclipse这样强大的集成这样强大的集成开发环境。开发环境。 还可以使用开源的还可以使用开源的Aptana Studio作为作为JavaScript的编写工具，的编写工具，Aptana Studio 是一个集成式的是一个集成式的
12、Web应用程序开发环境，它应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为不仅可以作为独立的程序运行，而且还可以作为Eclipse插插件使用，其最广为人知的是它非常强悍的件使用，其最广为人知的是它非常强悍的JavaScript编辑器和编辑器和调试器。调试器。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）13第十三页，共十六页。1.3.2 运行与调试运行与调试(dio sh)JavaScript代代码码 运行和调试运行和调试JavaScript的主要工具还是的主要工具还是Web浏览器，主流的浏览器，主流的Web浏览器还会包含一些浏览器还会包含一些Java
13、Script调试程序。对于调试程序。对于(duy)JavaScript开发，开发，Mozilla Firefox是最适合开发用的浏是最适合开发用的浏览器之一。览器之一。 Mozilla Firefox Web浏览器的插件浏览器的插件Firebug是是Web开发必不可少开发必不可少的，尤其是使用的，尤其是使用JavaScript和和AJAX的的Web开发，目前在开发，目前在JavaScript和和CSS调试工具中位居首位。调试工具中位居首位。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）14第十四页，共十六页。1.3.3 HTTP调试调试(dio sh)1Firebu
14、g 通过使用通过使用Firebug的调试器跟踪的调试器跟踪Ajax调用，可以调用，可以(ky)观察到观察到请求首部和响应首部。请求首部和响应首部。 2Live HTTP Headers 如果要进校更细粒度的如果要进校更细粒度的HTTP请求分析，可以使用请求分析，可以使用Live HTTP Headers。 3ieHTTPHeaders IE也有类似的插件，名为也有类似的插件，名为ieHTTPHeaders，可以用它分析往，可以用它分析往来的通信。来的通信。 2022年7月2日星期六JavaScript语言与Ajax应用（第二版）15第十五页，共十六页。内容(nirng)总结JavaScript语言与Ajax应用（第二版）。当时为Netscape工作的Brendan Erich，开始着手为即将在1995年发行(fhng)的Netscape Navigator 2.0开发一个称之为LiveScript的脚本语言，当时的目的是同时在浏览器和服务器使用它。在HTML基础上，使用JavaScript可以开发交互式Web网页，它是通过嵌入或调入在标准的HTML语言中实现的第十六页，共十六页。