浏览器中的JavaS

《浏览器中的JavaS》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章浏览器中的JavaScript在Web开发中，确定目标浏览器和操作系统是很重要的工作。创建Ajax应用更需要确定目标浏览器，提供适当解决方案来适应客户浏览器。本章主要讲解，在JavaScript中如何确定浏览器类型和版本，为后续Ajax开发打下良好基础。在下一节中，将要学习在JavaScript中进行浏览器判断最重要的对象——navigator，以及BOM对象组。2.1BOM与navigator对象本节将要学习BOM对象组和navigator对象。BOM对象组涵盖了浏览器中的一系列对象，但是各大浏览器对BOM对象组的支持不尽相同。

2、navigator对象是判断浏览器性能的重要对象，对navigator对象的学习，将为日后跨浏览器Ajax开发打下良好的基础。2.1.1浏览器对象模型BOM（浏览器对象模型），是基于浏览器的一系列对象组成。BOM包括：window、document、location、navigator、history、frames等一系列对象。BOM仅仅是JavaScript实现的一部分，没有统一标准，造成BOM在很多浏览器中有不同的实现。在本章中，首先讲解navigator对象，然后逐渐展开BOM的一系列对象。这些所有的对象都是以window对象的属

3、性出现的，掌握这些对象对于window对象的学习就足够了。在下一节中，将首先学习navigator对象。2.1.2navigator对象navigator对象是最早实现的BOM对象之一，它包含了大量有关Web浏览器信息。使用window.navigator引用，也可以用navigator直接引用。Microsoft反对使用术语navigator，因为它指代了Netscape的浏览器。Microsoft在IE中提供了clientInfomation，但它们提供的数据完全一致。现在navigator对象成为了事实标准，基本上所有的浏览器都支

4、持navigator对象。但是各浏览器对navigator对象支持并不一致，下表中，列出了在国内最常用两种浏览器对navigator对象的支持情况。浏览器对navigator对象支持情况navigator对象的属性说明IEFirefoxappCodeName浏览器代码名称（如‘Mozilla’）支持支持appName官方浏览器名字符串表示支持支持appVersion浏览器版本信息支持支持language浏览器当前语言不支持支持mimeTypes注册到浏览器mime数组支持支持systemLanguage当前操作系统语言支持不支持user

5、Agent用户代理头字符串支持支持userLanguage用户语言支持不支持javaEnabled是否支持java语言支持支持browserLanguage浏览器语言版本支持不支持cpuClass当前用户及其CPU类型支持不支持cookieEnabled当前用户是否允许存储cookie支持支持online用户是否在线支持支持product当前浏览器产品名不支持支持vendor品牌浏览器名称不支持支持2.2对象/特征检测法本节将要学习基本的浏览器性能检测方法，即对象/特征检测法。对象/特征检测法使用非常频繁，是进行跨浏览器开发的基础。在A

6、jax开发中，会经常使用对象/特征检测法进行浏览器性能检测，进而防止功能缺失、降低客户体验丰富度等现象的出现。2.2.1对象/特征检测法前面对navigator对象有了基本的认识。在JavaScript中判断浏览器性能有两种方式，对象/特征检测法和user-agent字符串检测法。这两种方法的使用都有各自适用的场合，需要加以区分。在本节中首先学习对象/特征检测法。对象/特征检测法特点是，在使用给定对象之前首先检查该对象存在与否。当使用DOM方法document.eval()，首先要确定客户端浏览器是否支持该方法，可以用以下代码判断：2.

7、2.2对象/特征检测法重点对象/特征检测法重点在于，使用一个对象或者对象方法、属性前，首先检测该对象或该对象方法、属性是否存在。注意如果检测对象方法是否存在，不能出现括号，如果出现了括号解析器就会调用该方法，如果方法不存在就会产生错误。2.2.3对象/特征检测法优缺点在实际开发中，如果只关心目标浏览器具体方法或属性是否存在，那么使用对象/特征检测法更为恰当。在本书中某些地方使用了对象/特征检测法，而在其他地方，使用user-agent方法检测浏览器性能更为恰当。对象/特征检测法优点，体现在可以实时查看浏览器是否具有支持具体对象、属性、方

8、法的能力，代码相对简单。但是在大型跨平台应用开发中，全部使用对象/特征检测法来侦测浏览器性能，就需要检测所有对象、属性、方法，带来大量的代码冗余，降低速度。在这种情况下，使用user-agent方法进行浏览