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 ...
随机推荐
- 我的CSS布局之旅--持续更新
虽然我也接触前端一年之久了,但是无奈从切图布局下来的经验还真是很不足,因为之前比赛或者是做小项目时全部都是自己负责设计,所以都是编写边设计,哎呀,也是醉了:或者是有模板,然后从人家上面扒拉下来的,真的 ...
- bootstrop框架
bootstrop基本的基础了解有如上图.. 下载源码 从GitHub可以直接下载到Bootstrap最新版本的LESS和JavaScript源码. Clone or fork via GitHub ...
- GOAndroid的安装和配置
android环境的配置还是比较复杂的,特别对于我这样一直使用mfc的程序员来说,有很多观念上需要转变.好在配置成功后就能够不断复用,那么这样的问题值得整理出来 一.安装jdk 二.解压adt-bun ...
- 个人作业-Week2 案例分析
微软必应词典客户端的案例分析 第一部分 调研,评测 1)bug: 运行平台:iOS 10.0.2 必应词典版本:4.2.2 1. bug标题:词库加载错误 bug详细描述:学习界面中的经典词库出国考试 ...
- HTML 链接 - href
链接 在HTML的学习中,链接的标签发挥着很大的作用,HTML 使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 比如说:实例 创建超级链 ...
- springmvc使用freemarker
首先需要添加freemarker.jar到项目,如果项目中有spring或者spirngmvc,需要整合,首先配置freemarkerConfig,代码结构如下 <!-- 设置freeMarke ...
- php 安装yar扩展
git:https://github.com/laruence/yar 先克隆 如果没有 git 需要先安装 yum install git 然后 克隆 git clone https://githu ...
- 剑指offer四:链表中倒数第k个结点
输入一个链表,输出该链表中倒数第K个结点 public class ListNode { int val; ListNode next = null; ListNode(int val) { this ...
- LVS
1.LVS-NAT, DNAT(多目标) 2.LVS-DR(Direct Routing) 返回报文不经过Direct real server 不能跨越路由 调度算法:Scheduling 静态方法 ...
- Ajax --- 数据请求
下面主要介绍(JS原生)数据请求的主要步骤: Ajax 数据请求步骤: 1.创建XMLHttpRequest对象 2.准备数据发送 3.执行发送 4.指定回掉函数 第一步:创建XMLHttpReque ...