zoukankan      html  css  js  c++  java
  • JS BOM知识整理

     BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location,

      window是全局对象很多关于浏览器的脚本设置都是通过它。

      location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。

      navigator中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。

      screen常常用来判断屏幕的高度宽度等。

      history不太常用,一般应该不会有写关于历史记录的脚本。

    其中比较常用的内容就是:

      如何判断各种版本的浏览器

    导图

     

    navigator

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
        </head>
        <body>
            <script type="text/javascript">
                console.log("浏览器名称");
                console.log(navigator.appCodeName);
                console.log("次版本信息");
                console.log(navigator.appMinorVersion);
                console.log("完整的浏览器名称");
                console.log(navigator.appName);
                console.log("浏览器版本");
                console.log(navigator.appVersion);
                console.log("浏览器编译版本");
                console.log(navigator.buildID);
                console.log("是否启用cookie");
                console.log(navigator.cookieEnabled);
                console.log("客户端计算机CPU类型");
                console.log(navigator.cpuClass);
                console.log("浏览器是否启用java");
                console.log(navigator.javaEnabled());
                console.log("浏览器主语言");
                console.log(navigator.language);
                console.log("浏览器中注册的MIME类型数组");
                console.log(navigator.mimeTypes);
                console.log("是否连接到网络");
                console.log(navigator.onLine);
                console.log("客户端计算机操作系统或者CPU");
                console.log(navigator.oscpu);
                console.log("浏览器所在的系统平台");
                console.log(navigator.platform);
                console.log("浏览器中插件信息数组");
                console.log(navigator.plugins);
                console.log("用户的首选项");
                // console.log(navigator.preference());
                console.log("产品名称");
                console.log(navigator.product);
                console.log("产品的次要信息");
                console.log(navigator.productSub);
                console.log("操作系统的语言");
                console.log(navigator.systemLanguage);
                console.log("浏览器的用户代理字符串");
                console.log(navigator. userAgent);
                console.log("操作系统默认语言");
                console.log(navigator.userLanguage);
                console.log("用户个人信息对象");
                console.log(navigator.userProfile);
                console.log("浏览器品牌");
                console.log(navigator.vendor);
                console.log("浏览器供应商次要信息");
                console.log(navigator.vendorSub);
            </script>
        </body>
    </html>
    View Code

    chrome浏览器

    IE浏览器

  • 相关阅读:
    http://www.oschina.net/translate/elasticsearch-getting-started?cmp
    http://www.mxchip.com/talk/news/jishuwenzhang/2014-09-11/67.html
    深入理解JVM—性能监控工具
    Windows7查看本地Java安装是否成功和路径的方法
    Eclipse 编译错误 Access restriction:The type *** is not accessible due to restriction on... 解决方案
    PSYoungGen /PSOldGen/PSPermGen区别
    深入浅出Java并发包—锁机制(三)
    深入浅出Java并发包—锁机制(二)
    【转】Spring 注解学习手札(超好的springmvc注解教程)
    解决java.lang.NoClassDefFoundError: org.jdom.Content
  • 原文地址:https://www.cnblogs.com/xing901022/p/4776697.html
Copyright © 2011-2022 走看看