js 判断是什么类型浏览器

时间:2023-03-09 08:06:36
js 判断是什么类型浏览器

//  firefox
if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) 
{


//  ie
else if ( document.all && "object" == typeof( window.external ) )
 {

}

js用来区别IE与其他浏览器及IE6-8之间的方法。
1、document.all 
2、!!window.ActiveXObject;
使用方法如下:
if (document.all){ alert(”IE浏览器”); }else{ alert(”非IE浏览器”); }
if (!!window.ActiveXObject){ alert(”IE浏览器”); }else{ alert(”非IE浏览器”); }
下面是区别IE6、IE7、IE8之间的方法:
var isIE=!!window.ActiveXObject; 
var isIE6=isIE&&!window.XMLHttpRequest; 
var isIE8=isIE&&!!document.documentMode; 
var isIE7=isIE&&!isIE6&&!isIE8; 
if (isIE)

      if (isIE6)
      { 
           alert(”ie6″); 
       }
      else if (isIE8)
       {
           alert(”ie8″); 
       }else if (isIE7)
      { 
           alert(”ie7″); 
      } 
}
首先我们确保这个浏览器为IE的情况下,进行了在一次的检测,如果你对此有怀疑,可以测试一下。
我这里就直接使用在判断中了,你也可以将他们先进行声明成变量进行使用。据说火狐以后也会加入document.all这个方法,所以建议使用第二种方法,应该会安全一些。
用navigator.userAgent.indexOf()来区分多浏览器,代码示例如下:
<html> 
<head> 
<title>TAG index Web</title> 
</head> 
<body> 
<script type="text/javascript"> 
document.write('浏览器判別:');
// 包含「Opera」文字列 
if(navigator.userAgent.indexOf("Opera") != -1) 

     document.write('您的浏览器是Opera吧?'); 

// 包含「MSIE」文字列 
else if(navigator.userAgent.indexOf("MSIE") != -1) 

     document.write('您的浏览器是Internet Explorer吧?'); 

// 包含「Firefox」文字列 
else if(navigator.userAgent.indexOf("Firefox") != -1) 

    document.write('您的浏览器时Firefox吧?'); 
}
// 包含「Netscape」文字列 
else if(navigator.userAgent.indexOf("Netscape") != -1)

    document.write('您的浏览器时Netscape吧?'); 

// 包含「Safari」文字列 
else if(navigator.userAgent.indexOf("Safari") != -1) 

     document.write('您的浏览器时Safari 吧?'); 

else{ 
   document.write('无法识别的浏览器。'); 

document.write(''); 
</script> 
</body> 
</html>

参考:http://www.cnblogs.com/zizaisuixin/archive/2012/06/07/2540314.html

//js广告定位和回到顶部设计

<html>

<title>js广告定位和回到顶部设计</title>

<body>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<h1><span>1111</span></h1>
<img src="img/2.png" id="imgid" style="position: absolute;" />
</body>
<script>
//js广告定位和回到顶部设计
var imgobj=document.getElementById("imgid");
var imgw=imgobj.clientWidth;
var winw=document.documentElement.clientWidth;
var imgleft=winw-imgw;
imgobj.style.left=imgleft+"px";
imgobj.style.top=0+"px";
window.onscroll=function(){
// var sh=document.documentElement.scrollTop; ie写法
// var sh=document.body.scrollTop; //谷歌写法
// imgobj.style.top=sh+100+"px";

//判断浏览器方法一:
// if(!!window.ActiveXObject){
// var sh=document.documentElement.scrollTop;
// imgobj.style.top=sh+100+"px";
// }else{
// var sh=document.body.scrollTop;
// imgobj.style.top=sh+100+"px";
// }

//判断浏览器方法二:
if(document.all){
var sh=document.documentElement.scrollTop;
imgobj.style.top=sh+100+"px";
}else{
var sh=document.body.scrollTop;
imgobj.style.top=sh+100+"px";
}
}
</script>

</html>