2 不要检测版本,要检测对象-优快云博客

本文介绍了一种编写跨浏览器兼容的JavaScript代码的方法：通过检测浏览器是否支持特定对象而非检测其版本。这种方法更稳定且通用，避免了因不同浏览器实现细节差异导致的问题。

为了编写能兼容各种浏览器的 javascript ,我们可能首先想的是用js检测各种浏览器的版本,针对性地编写不同的js代码.

这种思想是不好的, 是不通用的.

正如本文本的题 : 不要检测版本,要检测对象

例子:

早期的Netscape 4和 IE 3 是不支持 document.body的 , 所在我们要在我们的js中针对这两浏览器避免使用document.body ,怎么做呢? 很多人一下子想到了, 检测浏览器的版本. 这样做不是最好的.

我们要检测浏览器是否支持某对象 , 而不是检测版本.

if(document.body&&document.body.getElementsByTagName)

{

//可以调用 document.body

//可以调用 document.body.getElementsByTagName

 

}

假使if()条件不满足, 我们的页面中会少一些闪光点罢了, 但程序是不会出错的,还能正常运行.

下面是一个取得事件对象的例子:

其中的window.event 就是检测对象

// 获得事件对象
function $EVENTObject()
{
if(window.event)
{ 
return window.event;
}
 var f=$EVENTObject.caller;
 while(f!=null)
 {
 var e = f.arguments[0]; 
alert(e);
 if(e && (e.constructor==MouseEvent||e.constructor==Event||e.constructor==KeyboardEvent)) return e; 
 f=f.caller;
 }
}