今天遇到一个要根据浏览器设置语言的类型,来展示网站的字体。比如,浏览器的语言是中文简体,那么网站也要显示中文简体字,如果是繁体或是英文都要根据浏览器当前设置的语言进行显示。那么,飞鸟慕鱼博客说和大家说一说,如何通过JS来获取并判断浏览器语言的方法。

navigator 对象

Navigator:对象包含浏览器的有关信息,但要注意的是,navigator对象没有公开标准,不过所有浏览器都支持该对象。
打印 navigator 对象代码:

console.log(navigator);

结果如图:

通过上面可以得知,navigator 对象的 language 与 languages 属性是来表示当前的语言类型的,而我们平时采取的就是 language 属性的值,来判断用户系统或浏览器的语言的。

js 获取浏览器语言类型的代码

js代码:

<script>var langtype = navigator.language;alert(langtype);//弹出结果 zh-CN
</script>

js判断繁体语言或简体语言的代码

代码:

<script>switch (navigator.language.toLowerCase()) {case "zh-tw":alert("中文繁体(中国台湾)");break;case "zh-hk":alert("中文繁体(中国香港)");break;case "zh-cn":alert("中文简体");break;default:alert('其它语言')break;}
</script>

PS:还可以再加入 case 来判断其它的语言,比如英语,日语等。

js 判断浏览器的语言的方法相关推荐

  1. js判断浏览器是否安装或启用了flash的方法总结

    目录 # js判断浏览器是否安装或启用了flash的方法 # chrome浏览器启用flash插件的方法 # 参考 # js判断浏览器是否安装或启用了flash的方法 在传统浏览器,可以使用windo ...

  2. PHP判断浏览器内核过低,js判断浏览器版本以及浏览器内核的方法

    本文实例讲述了js判断浏览器版本以及浏览器内核的方法.分享给大家供大家参考.具体实现方法如下: js判断是否移动端及浏览器内核 var browser = { versions: function() ...

  3. js判断浏览器环境、内核、载体、外壳、操作系统等

    我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问.项目中很多时候会遇到判断浏览器环境的问题,比如说微信浏览器/APP环境,ios/安卓环境:浏览器是JavaScrip ...

  4. js判断浏览器是否为IE

    js判断浏览器是否为IE的方法. function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var ...

  5. JS 判断浏览器版本

    JS 判断浏览器版本 1.JS 区分各个浏览器(方法一) var browser={versions:function(){var u = navigator.userAgent, app = nav ...

  6. js判断浏览器类型,判断ie内核,webkit

    js判断浏览器类型 <script>function _mime(option, value) {const mimeTypes = navigator.mimeTypes;for (co ...

  7. js判断浏览器及终端

    js判断浏览器及终端 判断浏览器 判断ie为某个版本 鉴别PC及移动端 判断浏览器 判断浏览器时我们需要用到navigator.userAgent navigator是一个对象,他包含了有关浏览器的信 ...

  8. js判断浏览器信息大全

    js判断浏览器信息大全,详情如下. 可以直接引入js文件. /** 描述:判断浏览器信息* 编写:LittleQiang_w* 日期:2016.1.5* 版本:V1.1*///判断当前浏览类型 fun ...

  9. 通过JS判断浏览器类型,详细区分IE各版本浏览器

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

最新文章

  1. unity3d小小白之导入素材、添加天空盒
  2. kali使用openvas
  3. C++和C#的指针小解
  4. javafx 示例_JavaFX列表示例
  5. java listview颜色_[摘]android listview选中某一行,成选中状态颜色高亮显示
  6. [译]5.6. Module Options 模块选项
  7. 校园网锐捷Ubuntu12.04LTS
  8. antdesign 新增页面_ant design pro 新增页面
  9. 移动前端开发之viewport的深入理解
  10. 隐语义模型(LFM)
  11. 记一次 JVM CPU 使用率飙高问题的排查过程
  12. Ubuntu16.04 与本地Win7共享文件夹
  13. 降低电源纹波噪声的方法
  14. LaTeX 算法代码排版 --latex2e范例总结
  15. 普歌-Vue 封装防刷新考试倒计时组
  16. Redisson(2-2)分布式锁实现对比 VS Java的ReentrantLock之带超时时间的tryLock
  17. <金屋藏书>app 技术支持
  18. 博主已出版的全部译作汇总
  19. spring学习笔记(spring概述和IOC)
  20. 弹性计算产品专家张新涛:阿里云视觉计算的思考与实践

热门文章

  1. 如此胆怯——致开口说英语
  2. iPhone12操作指南
  3. 计算机一晚上不关机有什么影响吗,电脑长时间不关机好吗_长期开机的影响有哪些...
  4. MCP,eMMC,eMCP区别和联系
  5. 智慧社区建设指南参考规范汇总
  6. 基于JSP的网上招标系统的设计与实现(含论文)
  7. 搭建个人网站(4):Typora搭配Hexo写文章
  8. matlab机械臂运动(1)
  9. Vue项目:学生管理系统
  10. 2018至未来的工作生活历程