首页 > 电脑专区 > 电脑教程 >

如何获取JavaScript中浏览器对象模型属性

来源:互联网 2023-02-21 23:10:53 版权归原作者所有,如有侵权,请联系我们

JavaScript中有一种对象,叫浏览器对象,其中有个Navigator对象,它是可以获取浏览器的信息,比如名称、版本等。ZbT办公区 - 实用经验教程分享!

(1)appCodeName:返回浏览器的代码名称ZbT办公区 - 实用经验教程分享!

(2)appName:返回浏览器的名称ZbT办公区 - 实用经验教程分享!

(3)appVersion:返回浏览器的版本ZbT办公区 - 实用经验教程分享!

(4)browserLanguage:返回当前浏览器的语言ZbT办公区 - 实用经验教程分享!

(5)platform:返回浏览器的操作系统ZbT办公区 - 实用经验教程分享!

(6)appMinorVersion:返回浏览器的次级版本ZbT办公区 - 实用经验教程分享!

Navigator对象中的属性是如何运用的,具体操作如下:ZbT办公区 - 实用经验教程分享!

如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

工具/原料

  • Adobe Dreamweaver CS6
  • 浏览器
  • HTML
  • CSS
  • 截图工具

方法/步骤

  • 1

    第一步,Navigator 对象中返回浏览器代码名称,一般使用appCodeName获取,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.appCodeNameZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 2

    第二步,上述是返回浏览器代码名称,还有个返回浏览器名称的属性appName,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.appNameZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 3

    第三步,查看一个浏览器的平台以及版本信息,利用Navigator对象中的appVersion属性,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.appVersionZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 4

    第四步,查询一个浏览器是否启用cookie,用cookieEnabled属性就可以查看,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.cookieEnabledZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 4该信息未经许可获取自百度经验
  • 5

    第五步,通过浏览器查看其操作系统平台,用platform属性可以实现,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.platformZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 6

    第六步,浏览器有个属性叫用户代理,可以用userAgent属性实现,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.userAgentZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 7

    第七步,利用浏览器的属性查看操作系统使用的语言,用systemLanguage属性,代码如下:ZbT办公区 - 实用经验教程分享!

    navigator.systemLanguageZbT办公区 - 实用经验教程分享!

    如下图所示:ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

    如何获取JavaScript中浏览器对象模型属性ZbT办公区 - 实用经验教程分享!

  • 注意事项

    • 注意JavaScript中对象的使用方法
    • 注意JavaScript中对象的属性的运用场景

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZbT办公区 - 实用经验教程分享!


    标签: JAVASCRIPT浏览器获取浏览对象

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号