javascript - 最佳实践 javascript 和多语言

Question

使用 javascript 操作 DOM 的多语言网站的最佳实践是什么？我使用 javascript 构建网站的一些动态部分。我的第一个想法是使用一个包含文本字符串和语言代码的数组作为索引。这是个好主意吗？

Answer 1

当我以前建立多语言网站时(不是很大，所以这可能不会很好地扩展)，我保留了一系列“语言”文件:

• lang.en.js
• lang.it.js
• lang.fr.js

每个文件都声明了一个对象，它基本上只是一个从关键字到语言短语的映射:

// lang.en.js
lang = {
    greeting : "Hello"
};

// lang.fr.js
lang = {
    greeting : "Bonjour"
};

动态加载其中一个文件，然后您需要做的就是从 map 中引用键:

document.onload = function() {
    alert(lang.greeting);
};

当然，还有很多其他方法可以做到这一点，还有很多方法可以做到这一点，但更好的是:将它们全部封装到一个函数中，这样就可以优雅地处理“字典”中缺失的短语，甚至可以整个过程都使用 OOP，并让它管理文件的动态包含，它甚至可以为您绘制语言选择器等。

var l = new Language('en');
l.get('greeting');