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>

chrome浏览器

IE浏览器

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android先生

学习Flutter之前,你先要了解这些

Flutter 出来已经有些日子了,越来越多的开发者也开始尝试使用 Flutter 进行开发,Flutter 是谷歌的移动UI框架,基于 Dart 语言,支持多...

68510
来自专栏Danny的专栏

关于VB6.0中控件加载的难题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

24240
来自专栏潘兴颂的专栏

WEB 文件传输技术全讲解

近些年以来,技术突飞猛进,唯独文件上传这一块却貌似依然停留在IE6的年代。对于用户来说,最不能忍受的事情,大概就是上传到99%的时候突然卡住不动然后被告知要从头...

70200
来自专栏技术栈大杂烩

Python: mutilprocessing Processing 父子进程共享文件对象问题

multiprocessing python多进程模块, 于是, Processing也是多进程的宠儿. 但今天讨论的问题, 似乎也能引起我们一番重视

17860
来自专栏FreeBuf

Android安全几道入门题目

Android系统由于其开源的属性,市场上针对开源代码定制的ROM参差不齐,在系统层面的安全防范和易损性都不一样,android应用市场对app的审核相对 iO...

51350
来自专栏杨建荣的学习笔记

crontab设置导致的服务器进程异常问题 (r10笔记第4天)

前几天的时候,有个同事问我一个问题,大体的意思是突然收到报警,服务器的进程数翻了好几倍,其实那个服务器也没有任何操作。所以想让我帮忙看看。 他自己也做...

37460
来自专栏知晓程序

开发者自述:我如何用云函数快速搞定「模板消息推送功能」

20320
来自专栏Android自学

Android Studio advanced configuration

14820
来自专栏Golang语言社区

用Go写的HTTP代理服务器

标题是《用Go写http代理服务器》但实际上更接近于用Go架设http代理服务器,因为代码实在太少了,就像在配置一样。 做这个http代理的起因是前段时间运维上...

77170
来自专栏屈定‘s Blog

Angular2学习记录-给后端程序员的经验分享

前几天刚下定决心把毕业设计改造下,因为毕业设计算是我学习的基石,学习到的东西都尽可能的在这个平台上施展,锻炼自己.改造为前后端分离,前端使用angular2,后...

12820

扫码关注云+社区

领取腾讯云代金券