JavaScript-程序设计基础教程完整版课件全套ppt最全电子教案整书教案教学设计教学教程.pptx

;1.1 什么是JavaScript? ;1.5 JavaScript实现;1.1 什么是JavaScript? JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与HTML（超文本标记语言）、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML实现的。它的出现弥补了HTML的缺陷，它是Java与HTML折中的选择，具有以下几个基本特点。;1．简单性 JavaScript的简单性主要体现在：首先，它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对学习Java是一种非常好的过渡；其次，它的变量类型采用弱类型，并未使用严格的数据类型。? 2．动态性 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。 它对用户的响应，是采用以事件驱动的方式进行的。在主页（Home?Page）中执行了某种操作所产生的动作称为“事件”（Event）。;3．跨平台性 JavaScript依赖于浏览器本身，与操作环境无关，只要有能运行浏览器的计算机，以及支持JavaScript的浏览器就可以正确执行。从而实现了“编写一次，走遍天下”的梦想。 4．节省服务器的开销? JavaScript是一种基于客户端的语言，用户在浏览过程中进行填表、验证等交互过程只需通过浏览器调入HTML文档中的JavaScript源代码来进行解释，并执行已经编好的JavaScript的相应程序来完成即可，大大减少了服务器的资源消耗。;1.2 JavaScript与Java的区别 1．基于对象和面向对象 Java是一种真正的面向对象的语言，即使是开发简单的程序，也必须设计对象。?? JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。 ;2．解释和编译 两种语言在浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器。 JavaScript的源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户???由浏览器解释执行。 3．强变量和弱变量 两种语言所采取的变量是不一样的。? Java采用强类型变量检查，即所有变量在编译之前必须做声明。 JavaScript中的变量声明，采用弱类型，即变量在使用前不需做声明，而是解释器在运行时检查其数据类型。;4．代码格式不一样? Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。 JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。 5．嵌入方式不一样 在HTML文档中，两种编程语言的标识不同，JavaScript使用script.../script来标识，而Java使用applet.../ applet来标识。?? ; ; ; ; ;1.5 JavaScript实现 一个完整的JavaScript实现由3个不同部分组成：核心（ECMAScript）、文档对象模型（DOM）和浏览器对象模型（BOM），如图1.1所示。; ;2．DOM DOM是HTML和XML的应用程序接口（API）。DOM将把整个页面规划成由节点层级构成的文档。HTML或XML页面的每个部分都是一个节点的衍生物。看下面的HTML页面。 html head titleSample Page/title /head body phello world!/p /body /html ; 这段代码可以用DOM绘制成一个节点层次图，如图1.2所示。; ;3．BOM BOM主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript扩展都被看作 BOM 的一部分。这些扩展包括： 弹出新的浏览器窗口； 移动、关闭浏览器窗口以及调整窗口大小； 提供 Web 浏览器详细信息的定位对象； 提供用户屏幕分辨率详细信息的屏幕对象； 对 cookie 的支持； IE 扩展了BOM，加入了ActiveXObject类，可以通过JavaScript实例化ActiveX对象。;1.6 搭建JavaScript环境 相比其