345 字2 分钟

JS判断浏览器语言自动跳转多语言页面

2010-04-08更新于 2014-09-07设计开发#JavaScript

一直在不停的换工作，最近总算稳定下来，目前的本职工作是外贸。在这个网络普及的时代，外贸的主要途径一定是网络。也许你的企业网站既有中文版本，同时也有英文版本（如果你的公司有外贸业务）。

下面贡献一段代码，可以让你的网站自动判断客户端浏览器或者操作系统的语言，实现在不同语言间跳来跳去，比如中英文网站间的自动跳转。

1
var type = navigator.appName;
2
if (type == "Netscape") {
3
  var lang = navigator.language;
4
} else {
5
  var lang = navigator.userLanguage;
6
}
7
//取得浏览器语言的前两个字母
8
var lang = lang.substr(0, 2);
9
// 英语
10
if (lang == "en") {
11
  window.location.href = "http://www.xxx.com/";
12
}
13
// 中文 - 不分繁体和简体
14
else if (lang == "zh") {
15
  // window.location.href="http://www.xxx.cn/"
16
  // 注释掉了上面跳转,不然会陷入无限循环
17
}
18
// 除上面所列的语言
19
else {
20
  window.location.href = "http://www.xxx.com.cn/";
21
}

以上代码通过 Firefox、Chrome、Opera 测试有效；为了测试 IE 下的效果，特意在 VMware Player 里安装了 Windows XP 英文版，结果一样有效。

亲手测试一下效果：在 Chrome 的高级设置里添加其他语言，设置语言为 en-us 或者任何 en 开头的，测试效果。

PS：多余一句，在 HTML 中使用 JavaScript 代码需要 <script type="text/javascript">....</script>。

JS判断浏览器语言自动跳转多语言页面

文章信息

历史留言归档