html js 浏览器语言,js 判断浏览器语言的方法

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

navigator 对象

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

打印 navigator 对象代码:console.log(navigator);

结果如图:

fb076d43ecbd91d16f01a5f5176ace82.png

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

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

js代码:

var langtype = navigator.language;

alert(langtype);

//弹出结果 zh-CN

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

代码:

switch (navigator.language.toLowerCase()) {

case "zh-tw":

alert("中文繁体(中国台湾)");

break;

case "zh-hk":

alert("中文繁体(中国香港)");

break;

case "zh-cn":

alert("中文简体");

break;

default:

alert('其它语言')

break;

}

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

补充说明:

下面是部份语言代码与国家地区对照表

6ee38b37b4d5dbfcc3b3a0ee0b842023.png

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值