// 示例代码:使用 JavaScript 实现多语言支持
// 定义不同语言的翻译文本
const translations = {
en: {
greeting: "Hello",
welcome: "Welcome to our website!"
},
zh: {
greeting: "你好",
welcome: "欢迎来到我们的网站!"
},
fr: {
greeting: "Bonjour",
welcome: "Bienvenue sur notre site web!"
}
};
// 获取用户的语言偏好,这里简单地用浏览器的语言设置
function getUserLanguage() {
const browserLang = navigator.language || navigator.userLanguage;
// 简化处理,只取前两个字符(例如 'en-US' 变为 'en')
return browserLang.substr(0, 2);
}
// 根据用户语言返回对应的翻译文本
function getTranslation(key) {
const userLang = getUserLanguage();
// 如果用户语言不在我们的翻译列表中,默认使用英语
return translations[userLang] ? translations[userLang][key] : translations.en[key];
}
// 使用示例
console.log(getTranslation('greeting')); // 输出根据用户语言选择的问候语
console.log(getTranslation('welcome')); // 输出根据用户语言选择的欢迎语
// 解释说明:
// 1. `translations` 对象存储了不同语言的翻译文本。
// 2. `getUserLanguage` 函数获取用户的浏览器语言设置,并简化为两个字符的格式。
// 3. `getTranslation` 函数根据用户语言返回对应的翻译文本,如果用户语言不在翻译列表中,则默认使用英语。
上一篇:js 小数向上取整
下一篇:js 高阶函数
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站