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>
js 判断是什么类型浏览器的更多相关文章
- JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platfor ...
- js判断是否为手机浏览器
JS判断手机浏览器 判断原理: JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根 ...
- js判断是否是ie浏览器且给出ie版本
之前懒得写判断ie版本js,因为网上关于这方面的代码太多了,所以从网上拷贝了一个,放到项目上才发现由于时效性的问题,代码不生效.就自己写一个吧. 怎么去看浏览器的内核等信息 ---- js的全局对象w ...
- js判断是哪种浏览器和阻止页面加载
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- JS判断设备的类型
利用JS判断浏览器的用户代理,从而获得设备类型.利用这个方法可以获得用户的设备是移动设备还是PC设备. JS代码如下: function browerType() { ...
- js 判断访问终端类型
// 判断访问终端类型 var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appV ...
- 用js判断是否是微信浏览器
//判断是否是微信浏览器的函数 function isWeiXin(){ //window.navigator.userAgent属性包含了浏览器类型.版本.操作系统类型.浏览器引擎类型等信息,这 ...
- js判断是否是微信浏览器以及重定向
async created () {//这个是判断是否是微信浏览器, let ua = navigator.userAgent.toLowerCase() if (ua.match(/MicroMes ...
- js判断当前浏览类型
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf("Opera ...
随机推荐
- stm32 cubemx hal 工程中 微秒延迟 delay_us
参考的正点原子的代码 测试平台 stm32f429i-disco 配了一个gpio 时钟 gpio /* USER CODE BEGIN 0 */ typedef uint8_t u8; typede ...
- lua 和 c/c++ 交互 (持续更新)
参考: http://blog.csdn.net/xiaohuh421/article/details/7476485 http://blog.csdn.net/shun_fzll/article/d ...
- android 命令行
android create avd --target --name cupcake 建立模拟器: $ android create avd --target 2 --name c ...
- 24SQL
create or replace function f_op (p_n1 number , p_op varchar2 , p_n2 number ) return number a ...
- onSaveInstanceState的执行时机
当某个activity变得"容易"被系统销毁时,该activity的onSaveInstanceState就会被执行,除非该activity是被用户主动销毁的,例如当用户按BACK ...
- JavaScript继承
最佳的继承范式 寄生组合继承 我们来看一下它的实现方式: function Object(o){ var TempObject = function(){}; TempObject.prototype ...
- Solr搭建大数据查询平台
参考文章:http://www.freebuf.com/articles/database/100423.html 对上面链接的补充: solr-5.5.0版本已被删除,新url:http://mir ...
- 【Android】解决新建的xml文件无法正常加载的问题
新建一个xml布局文件,如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xm ...
- Openstack+Kubernetes+Docker微服务实践之路--Kubernetes
经过几番折腾终于搞定Kubernetes了,我们要在Openstack上部署Kubernetes集群,使用最新工具Kubeadm来安装,由于不能直接访问Kubernetes的源,我们需要一台可以穿墙的 ...
- Git_1基础操作,从安装到提交完成(windows)
github地址:https://github.com/zhangsai521314/Git 1:安装Git Bash(https://git-scm.com/),安装一路NEXT. 2:目录架构: ...