zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    编写Excel文件的Golang库
    Go多组Raft库
    Go GraphQL初学者教程
    简洁架构的思想,基于go实现
    gometalinter代码质量检查分析工具(golang)
    用go实现一个redis-cli
    Sublime text —— 自定义主题Soda
    Sublime text —— 自定义Color theme
    Sublime Text增加Build system类型,打造一个全能IDE
    一个简单的增强型PHP curl函数
  • 原文地址:https://www.cnblogs.com/xfx0725/p/6136723.html
Copyright © 2011-2022 走看看