浏览器中的JavaScript.pptVIP

第2章 浏览器中的JavaScript 在Web开发中，确定目标浏览器和操作系统是很重要的工作。创建Ajax应用更需要确定目标浏览器，提供适当解决方案来适应客户浏览器。本章主要讲解，在JavaScript中如何确定浏览器类型和版本，为后续Ajax开发打下良好基础。 在下一节中，将要学习在JavaScript中进行浏览器判断最重要的对象——navigator，以及BOM对象组。 2.1 BOM与navigator对象 本节将要学习BOM对象组和navigator对象。BOM对象组涵盖了浏览器中的一系列对象，但是各大浏览器对BOM对象组的支持不尽相同。navigator对象是判断浏览器性能的重要对象，对navigator对象的学习，将为日后跨浏览器Ajax开发打下良好的基础。 2.1.1 浏览器对象模型 BOM（浏览器对象模型），是基于浏览器的一系列对象组成。BOM包括：window、document、location、navigator、history、frames等一系列对象。BOM仅仅是JavaScript实现的一部分，没有统一标准，造成BOM在很多浏览器中有不同的实现。 在本章中，首先讲解navigator对象，然后逐渐展开BOM的一系列对象。这些所有的对象都是以window对象的属性出现的，掌握这些对象对于window对象的学习就足够了。在下一节中，将首先学习navigator对象。 2.1.2 navigator对象 navigator对象是最早实现的BOM对象之一，它包含了大量有关Web浏览器信息。使用window.navigator引用，也可以用navigator直接引用。Microsoft反对使用术语navigator，因为它指代了Netscape的浏览器。Microsoft在IE中提供了clientInfomation，但它们提供的数据完全一致。现在navigator对象成为了事实标准，基本上所有的浏览器都支持navigator对象。但是各浏览器对navigator对象支持并不一致，下表中，列出了在国内最常用两种浏览器对navigator对象的支持情况。 2.2 对象/特征检测法 本节将要学习基本的浏览器性能检测方法，即对象/特征检测法。对象/特征检测法使用非常频繁，是进行跨浏览器开发的基础。在Ajax开发中，会经常使用对象/特征检测法进行浏览器性能检测，进而防止功能缺失、降低客户体验丰富度等现象的出现。 2.2.1 对象/特征检测法 前面对navigator对象有了基本的认识。在JavaScript中判断浏览器性能有两种方式，对象/特征检测法和user-agent字符串检测法。这两种方法的使用都有各自适用的场合，需要加以区分。在本节中首先学习对象/特征检测法。 对象/特征检测法特点是，在使用给定对象之前首先检查该对象存在与否。当使用DOM方法document.eval()，首先要确定客户端浏览器是否支持该方法，可以用以下代码判断： 2.2.2 对象/特征检测法重点 对象/特征检测法重点在于，使用一个对象或者对象方法、属性前，首先检测该对象或该对象方法、属性是否存在。注意如果检测对象方法是否存在，不能出现括号，如果出现了括号解析器就会调用该方法，如果方法不存在就会产生错误。 2.2.3 对象/特征检测法优缺点 在实际开发中，如果只关心目标浏览器具体方法或属性是否存在，那么使用对象/特征检测法更为恰当。在本书中某些地方使用了对象/特征检测法，而在其他地方，使用user-agent方法检测浏览器性能更为恰当。 对象/特征检测法优点，体现在可以实时查看浏览器是否具有支持具体对象、属性、方法的能力，代码相对简单。但是在大型跨平台应用开发中，全部使用对象/特征检测法来侦测浏览器性能，就需要检测所有对象、属性、方法，带来大量的代码冗余，降低速度。在这种情况下，使用user-agent方法进行浏览器性能判断更为恰当。 2.3 user-agent字符串检测法 在上一节中，学习了对象/特征检测法判断浏览器性能。但是在大型的跨浏览器Ajax应用中，使用对象/特征检测法会非常繁琐。在本节中，将要学习一种简单的浏览器性能判断方法，即user-agent字符串检测法。对本章中讲解的两种浏览器性能检测方法，如果能灵活的组合使用，就可以很容易的规避各浏览器性能不一带来的兼容性问题。 2.3.1 user-agent字符串检测法 user-agent字符串检测法是最古老的浏览器检测方式。在2.1.1节表2.1中，可以看到navigator.userAgent属性在IE、Firefox中都支持。通过window.navigator.userAgent属性来访问，navigator.userAgent属行提供了Web浏览器大量信