【Web前端问题】如何让网页内容支持多语言显示？

Z时代
2024-01-10
分类：技术分享

如题所示。

回答：

根据navigator.language我们可以获取到浏览器的语言设置，这里是详细资料：navigator.language

如果是中文的话返回的是zh-CN, 英文的话返回的可能是en,en-US等其它的，详细的语言定义可以看这里：语言标签

下面我再给出示例的代码，纯手打，未经实际测试：

var lang = !+[1,] ? navigator.userLanguage : navigator.language;
switch(lang) {
    case 'zh-CN':
      //显示中文的相关操作
    break;
    case 'ja':
      //显示日文的相关操作
    break;
    default:
      //显示英文的相关操作
    break;
 }

这样一般情况下（一般系统和浏览器的语言都是一致的。逆天的操作系统是中文，浏览器是英文的家伙表示你只能用服务器脚本去判断了）是没有问题啦。当然，好像navigator.language对IE的支持不是很好，不过IE的话可以选用navigator.userLanguage这个直接判断操作系统的语言。