Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 多语言

作者:寂寞味道   发布日期:2025-12-15   浏览:20

// 示例代码:使用 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 高阶函数

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站