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 ...
随机推荐
- python学习之迭代器与生成器
1.迭代器省内存 迭代器只允许往后读数据,不允许回读数据 迭代器不能跳着读文件,因为他是一点一点加载文件内容到内存的,读完了可以销毁或丢掉 2.生成一个迭代器 a = iter(["fd&q ...
- 《利用python进行数据分析》读书笔记--第九章 数据聚合与分组运算(一)
http://www.cnblogs.com/batteryhp/p/5046450.html 对数据进行分组并对各组应用一个函数,是数据分析的重要环节.数据准备好之后,通常的任务就是计算分组统计或生 ...
- Sublime Text 3使用指南(2)——快捷键
选择类 快捷键 说明 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本. Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同 ...
- jQuery事件总结
blur() 触发或绑定blur事件.$("input").blur(function(){ $("input").css("background-c ...
- mysql导入乱码问题,centOS
CREATE DATABASE db_name DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;mysql -uroot -p --default ...
- Xcode6 ADD Copy Files Build Phase 是灰色的
在学习的怎样写frameWork的时候,查看一个教程How to Create a Framework for iOS [一个中文翻译 创建自己的framework] 其中一个步骤就是添加一个Cop ...
- Linux关机和重启命令
shutdown shutdown [选项] 时间 选项: -c : 取消一个关机命令 -h : 关机 -r : 重启 [root@localhost ~]# date Tue Dec 6 21:06 ...
- JS对象深刻理解 - 2
JavaScript prototype 用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性, ...
- 浅析word-break work-wrap区别
word-break:[断词] 定义:规定自动换行的处理方法. 注:通过word-break使用,可以实现让浏览器在任意位置换行. 语法:word-break: normal|break-all| ...
- js 求点到直线的距离(由2点确定的直线,求到第三点的距离)
需要用到2个数学公式 1,已知2点求其直线方程 2,点到直线的距离 1,Y=kX+b 分别将两点带入以上方程,求出k 和b 例如: p0={x:?,y:?}, p1={x:?,y:?} 可解得方程: ...