如何通过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
相关产品推荐
相关产品推荐

