向后兼容--对象检测

大家都应该听过平稳退化吧，大概意思就是如果当用户不支持JavaScript的话或者是比较老的浏览器不支持JavaScript的话，网页上的基本内容还是应该能够基本显示出给用户使用或者浏览的。

而这里向后兼容与平稳退化也差不多的意思：也就是说，如果某位用户在访问你的网站的时候，并且他的浏览器是支持JavaScript的，但是也不能排除有些浏览器对于一些脚本也是不能支持的，所以某些脚本也不一定可以正常工作，这个时候我们就应该做到向后兼容。

针对这个问题最简单的方法其实就是看一下这个浏览器对JavaScript的支持程度。一般来说都是使用If()语句来判断这个浏览器中是否有某个方法，如果有的话，说明它可以正常运行这个脚本的。这种检测我们称为是对象检测。几乎所有东西（包括方法在内的）都可以看做是对象，所以我们可以把不支持该方法的浏览器检测出来的。

例如这里有一个最常用的方法，就是document.getElementById()的方法，因为这个方法是属于DOM中的，所以我们在使用之前先检测一下这个浏览器是否支持这个方法。同时，我们需要记住的是使用对象检测的时候，一定要删掉方法名后面的圆括号，如果我们不删掉的话，测试的只会是方法的结果，不管这个方法是不是存在。

function check(){

if(document.getElementById){//如果这里写成这样document.getElementById()，那么下面的语句是不会执行的。

statements using getElementById;

}

}

这里举出一个书上的例子，让大家更好地理解：对象检测

window.οnlοad=function(){

if(!document.getElementsByTagName){return false;}//这里加判断，如果没有这个方法的话，就让程序直接跳出

var links=document.getElementsByTagName();

for(var i;i<links.length;i++){

if(links[i].getAttribute("class")=="popup"{

links[i].οnclick=function(){

popup(this.getAttribute("href"));//popup是自定义的函数

return false;//阻止浏览器的默认行为，不跳转到别的窗口

}

}

}

}