zoukankan      html  css  js  c++  java
  • 根据不同浏览器调用不同css解决兼容问题

    门户网站建站,首先要解决的就是前台兼容问题 

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>标题页</title>
    <script language=javascript>
    if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4))
    {
    document.write('<link rel=stylesheet type="text/css" href="ie.css">') //IE浏览器下的样式
    }
    else {
    document.write('<link rel=stylesheet type="text/css" href="ns.css">')//Netscape下的样式
    }
    </script>
    </head>
    <body>
    </body>
    </html>


    本篇文章来源于 我爱编程网 转载请以链接形式注明出处 网址:http://www.bcw52.com/JSS/1049.html

    navigator.userAgent.indexOf来判断浏览器类型

    <script language="JavaScript">

        <!--

    function getOs() {

        var OsObject = "";

       if(navigator.userAgent.indexOf("MSIE")>0) { 

            return "MSIE";

       }

       if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){

            return "Firefox";

       }

       if(isSafari=navigator.userAgent.indexOf("Safari")>0) {

            return "Safari";

       } 

       if(isCamino=navigator.userAgent.indexOf("Camino")>0){

            return "Camino";

       }

       if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){

            return "Gecko";

       }

      

    }

     alert("您的浏览器类型为:"+getOs());

        -->

    </script>

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...

        http_request = new XMLHttpRequest();

    } else if (window.ActiveXObject) { // IE

        http_request = new ActiveXObject("Microsoft.XMLHTTP");

     

    }

     

     

    当然 你也可以导向不同的页面 获取不同过的内容

    <script type="text/javascript">
    var sUserAgent = navigator.userAgent;
    if ((sUserAgent.match(/iPad/i))) {
    location = 'http://www.ifeng.com/ipad';
    }
    var mobileAgents = ['Windows CE', 'iPod', 'Symbian', 'iPhone', 'BlackBerry',

    'Android'];
    if (sUserAgent.indexOf('Android') > -1 && (sUserAgent.indexOf('ERD79') > -1 ||

    sUserAgent.indexOf('MZ60') > -1 || sUserAgent.indexOf('GT-P7') > -1 || sUserAgent.indexOf

    ('SCH-P7') > -1)) {
    } else {
    if (location.href.indexOf('?pc') == -1) {
    for (var i = 0; i < mobileAgents.length; i++) {
    if (sUserAgent.indexOf(mobileAgents[i]) > -1) {
    location = 'http://i.ifeng.com/?ch=ifengweb';
    break;
    }
    }
    } else {
    location = 'http://www.ifeng.com/ipad';
    }
    }
    var ads = [];
    </script>

     

     感谢:jude_lau

    转载来自网络 

  • 相关阅读:
    centos7 安装svn, 同时支持 svn 和 http访问
    Maven单独构建多模块项目中的单个模块
    openfalcon agent 监控数据
    kubernetes 垃圾回收机制
    docker tomcat 已主机名为日志输出路径
    k8s mongodb 集群配置
    修改Centos7的网卡ens32 改为eth0
    jenkins发版脚本更新
    Git系列七之备份迁移 升级 恢复管理
    confluence wiki搭建使用
  • 原文地址:https://www.cnblogs.com/xred/p/2424907.html
Copyright © 2011-2022 走看看