简明现代魔法 -> JavaScript -> JavaScript教程:Web 浏览器环境

JavaScript教程:Web 浏览器环境

2009-12-28

要理解客户端 JavaScript,必须理解 Web 浏览器所提供的编程环境。

Window 对象

Web 浏览器的主要任务是在一个窗口中显示 HTML 文档。而在客户端 JavaScript 中,表示 HTML 文档的是 Document 对象,Window 对象代表显示该文档的窗口。Window 对象是客户端编程中的全局对象。

Window 对象是全局对象,它定义了大量的属性和方法,使用户可以对 Web 浏览器窗口进行操作。它还定义了引用其它对象的属性,如 Document 对象的 document 属性。此外 Windows 对象还包括两个自我引用的属性:window 和 self。可以使用这两个全局变量来直接引用 Window 对象。

Window 对象代表的是一个浏览器窗口。JavaScript 代码在一个窗口中声明的全局变量并不是另一个窗口的全局变量。但是,另一个窗口的 JavaScript 代码却可以取得第一个窗口的全局变量。

文档对象模型 DOM

每个 Window 对象都定义了一个 document 属性,这个属性与 Document 对象相关联。

Document 对象也可以与其它对象的属性相关联。比如每个 Document 对象都有一个 form[] 数组,它包含的是该文档中出现的所有 HTML 表单的 Form 对象。要引用这些表单,可以编写如下代码:

window.document.form[0]  

大型客户端对象层次的子树叫做文档对象模型 (DOM,Document Object Model),它很有趣,因为它已经成为标准化进程的焦点,所有浏览器都统一实现了它。它们统一称为0几 DOM,因为它们构成了文档功能的基本级别。HTML 表单也是 DOM 的一部分,但是它们比较特殊。

事件驱动的编程模型

在客户端 JavaScript 中,Web 浏览器使用事件(event)来通知程序有用户输入。事件的类型有很多种,例如按键事件,鼠标移动事件。当一个事件发生时,Web 浏览器会先尝试调用一个适合的事件句柄函数来响应那个事件。因此要编写一个动态的、交互性的客户端 JavaScript 程序,必须先定义一些适当的事件句柄,并把它们注册到系统中。这样浏览器才能在适当时刻调用它们。

JavaScript 在 Web 中的角色

Web 浏览器显示那些使用 CSS 样式表单来样式化的 HTML 结构的文本。HTML 定义了内容,CSS 提供了表现形式,而 JavaScript 则为内容和表现形式增加行为。JavaScript 的作用就是增强用户的浏览体验,使信息的获取和传输更加容易。JavaScript 可以用多种方式做到这些。

无干扰的 JavaScript

无干扰的 JavaScript 的首要目标就是保持 JavaScript 代码和 HTML 标记的分离。这种让内容分离于形为的方式,与将 CSS 放入样式表而保持内容与表现分离的方式如出一辙。为了实现这一目标,把所有的 JavaScript 代码放到外部文件中。

无干扰的 JavaScript 的第二个目标是它必须降低优雅性。脚本应该基于增加 HTML 的内容来构思和设计,但是,即使没有这些 JavaScript 代码,内容也应该能用。优雅降低的一项重要技术叫做功能测试,即在采取任何操作之前,JavaScript 模块应该首先确保它所需要的客户端功能在代码所运行的浏览器中是可用的。功能测试是一种兼容性技术。

无干扰的 JavaScript 的第三个目标是,它不能降低一个 HTML 页面的可访问性。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们