今天遇到一个要根据浏览器设置语言的类型,来展示网站的字体。比如,浏览器的语言是中文简体,那么网站也要显示中文简体字,如果是繁体或是英文都要根据浏览器当前设置的语言进行显示。那么,飞鸟慕鱼博客说和大家说一说,如何通过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. Science审稿人谈中国首次实现量子优越性:「九章」到底打了谁的脸?
  2. Angular依赖注入的一个例子和注入原理单步调试
  3. ASP.NET企业开发框架IsLine FrameWork系列之十五--框架配置信息大全(下)
  4. vue 加载数据 影响seu_VUE常见面试题
  5. 基于WF4的新平台-流程模式-(6)动态串行
  6. Windows平台上的Domino服务器挂起的数据收集步骤
  7. Scrapy爬取hupu论坛标题统计数量并生成wordcloud
  8. c语言必背100代码,C语言代码大全(c语言必背项目代码)
  9. python科学计算-python科学计算
  10. 用Python合并文件夹下所有pdf文件(包括多级子目录下的pdf文件)
  11. #今日说码栏目#第十五集 iconfont-阿里巴巴矢量图的使用方法(保姆级教学,挑战全网最细致的使用矢量图)
  12. 数学分析教程(科大)——3.4笔记+习题
  13. Ubuntu18.04登陆界面美化--Mac主题
  14. python绘制相频特性曲线_详解基于python的图像Gabor变换及特征提取
  15. Android读取不到/storage/emulated/0/文件的问题
  16. 关于印发医疗联合体管理办法(试行)的通知
  17. 使用HTML及简单的JavaScript脚本制作一个点名器
  18. matlab绘制折线图基本操作
  19. 【07】QQ群管理公告小结:
  20. Springboot学习笔记(二)Web开发

热门文章

  1. 飞利浦、阿特拉斯科普柯、壳牌、IBM、斯凯奇、乐高、希尔顿等外企在中国 | 美通社头条...
  2. 《Pro ASP.NET Core MVC 2, 7th Edition》翻译计划及章节目录
  3. 基于stm32电梯管理系统设计
  4. TensorFlow学会黄瓜选择和分类
  5. 为什么通证经济系统设计如此重要 | 报名
  6. 前嗅教程:通过子栏目进入链接列表采集正文数据
  7. 阿里云天池机器学习训练营task4
  8. ArcMap 投影变换
  9. 《算法笔记》学习笔记——2.3选择结构
  10. 使用加密锁如何防止软件被破解