如何让网页内容支持多语言显示?


如题所示。

前端 HTML html5 css JavaScript

orchid 10 years, 6 months ago

根据 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 这个直接判断操作系统的语言。

seoris answered 10 years, 6 months ago

Your Answer