Jquery前端封装--DOM的向下兼容和浏览器的检测

一．问题所在
主流浏览器包括：IE6789、firefox、Opera9+、Safari3.1+和Chrome。但是还存在一些非
主流浏览器，那么我们可以使用window.onload 或者其他方式。
二．设置代码
虽然以上对于主流浏览器和主流浏览器的版本已经非常够用了，但还有几个小细节我们
需要了解一下。Opera8 之前不支持，webkit 引擎浏览器525 之前不支持，Firefox2 有严重
bug。
对于非IE，又不支持DOMContentLoaded，可以直接用传统的window.onload 来执行，
因为目前来说这种浏览器基本灭绝了，也可以document.readyState 轮询，直到完毕。
setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
doReady(fn);
}
}, 1);
//最终形态
function addDomLoaded(fn) {
var isReady = false;
var timer = null;
function doReady(){
if(isReady) return;
isReady = true;
if (timer) clearInterval(timer);
fn();
}
if ((sys.webkit && sys.webkit < 525) || (sys.opera && sys.opera < 9) ||
(sys.firefox && sys.firefox < 3))
{
timer = setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
doReady();
}
}, 1);
/*timer = setInterval(function(){
if (document && document.getElementById &&
document.getElementsByTagName && document.body document.documentElement )
{
doReady();
}
}, 1); */
} else if (document.addEventListener) {//W3C
addEvent(document, 'DOMContentLoaded', function () {
doReady();
removeEvent(document, 'DOMContentLoaded', arguments.callee);
});
}
else if (sys.ie && sys.ie < 9) {//IE
//IE8-
timer = setInterval(function () {
try {
document.documentElement.doScroll('left');
doReady();
} catch (ex) {};
});
}

}

//浏览器的检测
(function(){
    window.sys={};
    var ua=navigator.userAgent.toLowerCase();
    var s;
    (s=ua.match(/mise ([\d.]+)/)) ? sys.ie=s[1]:    
    (s=ua.match(/firefox\/([\d.]+)/)) ? sys.ie=s[1]:    
    (s=ua.match(/chrome\/([\d.]+)/)) ? sys.ie=s[1]:    
    (s=ua.match(/opera\/.*varsion\/([\d.]+)/)) ? sys.ie=s[1]:    
    (s=ua.match(/version\/([\d.]+).*safari/)) ? sys.ie=s[1]:0;    
    if(/webkit/.test(ua))sys.webkit=ua.match(/webkit\/([\d.]+)/)[1];
})();