You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过switch语句单独适配网站SE及NO地区的英文版本

区分不同地区多语言版本的Switch语句实现

首先要确认页面根元素lang属性的实际值——Switch语句匹配严格区分字符,这是生效的核心前提。如果之前用en/lang无效,大概率是页面实际的lang值并非该格式,可通过控制台执行console.log(document.documentElement.lang)查看真实值。

针对你需要单独适配瑞典(SE)、挪威(NO)地区英文及本地语言的需求,优化后的代码如下:

// 获取页面根元素的语言标识
const currentLang = document.documentElement.lang;
let heroTitle;

switch (currentLang) {
    // 瑞典地区英文
    case 'en/se':
        heroTitle = 'This is an se english title';
        break;
    // 瑞典本地语言
    case 'se':
        heroTitle = 'This is a swedish title';
        break;
    // 挪威地区英文
    case 'no/en':
        heroTitle = 'This is a no english title';
        break;
    // 挪威本地语言
    case 'no':
        heroTitle = 'This is a no title';
        break;
    // 未匹配到对应语言时的默认内容
    default:
        heroTitle = 'Default Title';
        break;
}

// 将内容正确填充到目标div(替换为你的实际选择器)
document.querySelector('.hero-title-div').textContent = heroTitle;

注意事项:

  • 避免使用var声明变量,改用let/const,防止变量提升导致的作用域问题
  • 新增default分支,处理未匹配到任何语言标识的场景,避免出现未定义内容
  • 填充div时要直接使用变量值,而非将变量名作为字符串传入(比如错误写法:innerHTML = 'heroTitle')
  • 确保Switch的case值与currentLang的真实输出完全一致(包括大小写、分隔符类型)

内容的提问来源于stack exchange,提问作者Jio

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 02:50:40