js实现网站国际化

// 假设我们有以下语言资源
const resources = {
  en: {
    translation: {
      "welcome": "Welcome to our website",
      // ... 其他翻译
    }
  },
  zh: {
    translation: {
      "welcome": "欢迎访问我们的网站",
      // ... 其他翻译
    }
  }
};

// 使用i18next初始化
i18next.init({
  lng: 'en', // 默认语言
  resources: resources
});

// 更新页面内容的函数
function updateContent() {
  document.getElementById('welcome-text').innerText = i18next.t('welcome');
}

// 切换语言的函数
function changeLanguage(lng) {
  i18next.changeLanguage(lng).then(() => {
    updateContent();
  });
}

// 初始化页面内容
updateContent();

// 假设我们有切换语言的按钮
document.getElementById('switch-to-zh').addEventListener('click', () => changeLanguage('zh'));
document.getElementById('switch-to-en').addEventListener('click', () => changeLanguage('en'));