文档介绍:程序设计
第4章 JavaScript
主要内容
客户端基本人机交互
JS简介
基本语法
JS对象
类、构造函数和原型
模块和命名空间
客户端基本人机交互
Web页面的工作往往需要与用户进行交互,在用户提供信息或提交请求后,Web页面应该给用户显示处理之后的结果,这种处理工作通常在服务器端进行,但是频繁的前后台交互会造成网络线路压力和服务器的负担,因此可以将部分不需要服务器处理的简单工作交由客户端来执行,从而减轻服务器压力。JavaScript就是实现这一功能的脚本语言。
在客户端执行的人机交互过程如下:
1、页面通过文本框、复选框、下拉列表等接收用户输入。
2、通过普通按钮或表单的提交按钮将请求提交到JavaScript函数中。
3、JavaScript函数处理请求,并返回结果。
上述过程为最常用的交互方式,当然JavaScript代码也可以设置为自动执行,而不需要用户触发。
JS简介
JavaScript是一种脚本语言,通常简称为JS,在HTML文档中添加JavaScript代码主要是为了给HTML 页面添加交互功能,这种语言所编写的代码通过解释方式在客户端执行。
JS实现
JavaScript的核心ECMAScript描述了该语言的语法和基本对象;
DOM描述了处理网页内容的方法和接口;
BOM描述了与浏览器进行交互的方法和接口。
1、 ECMAScript
ECMAScript 并不与任何具体浏览器相绑定,实际上,它也没有提到用于任何用户输入输出的方法(这点与 C 这类语言不同,它需要依赖外部的库来完成这类任务)。
Web 浏览器对于 ECMAScript 来说是一个宿主环境,但它并不是唯一的宿主环境。事实上,还有不计其数的其他各种环境(例如 Nombas 的 ScriptEase,以及 Macromedia 同时用在 Flash 和 Director MX 中的 ActionScript)可以容纳 ECMAScript 实现。
ECMAScript 仅仅是一个描述,定义了脚本语言的所有属性、方法和对象。
每个浏览器都有它自己的 ECMAScript 接口的实现,然后这个实现又被扩展,包含了 DOM 和 BOM。
2、DOM
DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。
3、BOM
IE scape Navigator 提供了一种特性- BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于,它只是 JavaScript 的一个部分,没有任何相关的标准。