第01章-JavaScript基础.ppt

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,*,JavaScript语言与Ajax应用,*,JavaScript,语言与,Ajax,应用（第二版,）,主编 董宁 陈,丹,中国水利水电,出版社,第,1,章,JavaScript,基础,1.1 JavaScript,的历史与现状,1.2 JavaScript,的运行,1.3 JavaScript,的开发环境,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,2,1.1 JavaScript,的历史与现状,1.1.1 JavaScript,的发展,1.1.2 JavaScript,在,HTML,中的作用,1.1.3 Ajax,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,3,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,实现的基础。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,4,1.1.2 JavaScript,在,HTML,中的作用,JavaScript,是一种基于对象和事件驱动并具有安全性能的脚本编写语言。,在,HTML,基础上，使用,JavaScript,可以开发交互式,Web,网页，它是通过嵌入或调入在标准的,HTML,语言中实现的。,JavaScript,与,HTML,标识结合在一起，实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,5,1.1.3 Ajax,Ajax,即“,Asynchronous JavaScript and XML”,（异步,JavaScript,和,XML,）,Ajax,描述了把,JavaScript,和,Web,服务器组合起来的编程范型，,JavaScript,是,Ajax,的核心技术之一，在,Ajax,技术架构中起着不可替代的作用。,Ajax,是一种,Web,应用程序开发的手段，它采用客户端脚本与,Web,服务器交换数据，所以不必采用中断交互的完整页面刷新，就可以动态地更新,Web,页面。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,6,1.2 JavaScript,的运行,1.2.1 JavaScript,代码的装载与解析,当一个,HTML,页面被装载时，它会装载并解析过程中遇到的任何,JavaScript,。,代码解析是浏览器取得代码并将之转化成可执行代码的过程。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,7,1.2.2,在,HTML,页面中嵌入,JavaScript,1,引入,JavaScript,脚本代码到,HTML,文档中,如果需要把一段,JavaScript,插入,HTML,页面，我们需要使用,script,标签（同时使用,type,属性来定义脚本语言）。这样，,和,就可以告诉浏览器,JavaScript,从何处开始，到何处结束。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,8,1.2.2,在,HTML,页面中嵌入,JavaScript,script,标记的几个属性：,（,1,）,language,属性：用于指定封装代码的脚本语言及版本,（,2,）,type,属性：指定,script,标记对之间插入的脚本代码类型,（,3,）,src,属性：用于将外部的脚本文件内容嵌入到当前文档中,07 一月 2025,JavaScript语言与Ajax应用,第二版）,9,1.2.2,在,HTML,页面中嵌入,JavaScript,2,嵌入,JavaScript,脚本代码的位置,（,1,）,head,标记之间放置,（,2,）,body,标记之间放置,（,3,）在两个标记对之间混合放置,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,10,1.3 JavaScript,的开发环境,JavaScript,脚本编程一般分为如下步骤：,选择,JavaScript,语言编辑器编辑脚本代码；,嵌入该,JavaScript,脚本代码到,HTML,文档中；,选择支持,JavaScript,的浏览器浏览该,HTML,文档；,如果错误则检查并修正源代码，重新浏览，此过程重复直至代码正确为止；,处理不支持,JavaScript,脚本的情况。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,11,1.3 JavaScript,的开发环境,1.3.1,编写,JavaScript,代码,1.3.2,运行与调试,JavaScript,代码,1.3.3 HTTP,调试,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,12,1.3.1,编写,JavaScript,代码,由于,JavaScript,纯粹由文本构成，因此编写,JavaScript,代码可以用任何文本编辑器，也可以用编写,HTML和,CSS,文件的任何程序，或者用像,Visual Studio,和,Eclipse,这样强大的集成开发环境。,还可以使用开源的,Aptana Studio,作为,JavaScript,的编写工具，,Aptana Studio,是一个集成式的,Web,应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为,Eclipse,插件使用，其最广为人知的是它非常强悍的,JavaScript,编辑器和调试器。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,13,1.3.2,运行与调试,JavaScript,代码,运行和调试,JavaScript,的主要工具还是,Web,浏览器，主流的,Web,浏览器还会包含一些,JavaScript,调试程序。对于,JavaScript,开发，,Mozilla Firefox,是最适合开发用的浏览器之一。,Mozilla Firefox Web,浏览器的插件,Firebug,是,Web,开发必不可少的，尤其是使用,JavaScript,和,AJAX,的,Web,开发，目前在,JavaScript,和,CSS,调试工具中位居首位。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,14,1.3.3 HTTP,调试,1,Firebug,通过使用,Firebug,的调试器跟踪,Ajax,调用，可以观察到请求首部和响应首部。,2,Live HTTP Headers,如果要进校更细粒度的,HTTP,请求分析，可以使用,Live HTTP Headers,。,3,ieHTTPHeaders,IE,也有类似的插件，名为,ieHTTPHeaders,，可以用它分析往来的通信。,07 一月 2025,JavaScript语言与Ajax应用,（第二版）,15,