基于浏览器语言的JS重定向

Question

我正在使用这个测试代码：

<script type="type/javascript">

$( document ).ready(function(){
    var userLang = navigator.language || navigator.userLanguage;
    if (userLang == "fr") {
        window.location.href = "www.facebook.com"
    }
    else if(userLang == "de"){
       window.location.href = "www.facebook.com"
    }
    else {
        window.location.href = "www.google.com"
    }
});
</script>

但是没有任何反应。 我一定是傻子？

你可以在这里看到它：URL 已删除

Answer 1

你缺少一个协议。 另外，这里有一个更简洁的方法来替换 if 系列的建议。

 var userLang = navigator.language || navigator.userLanguage; var urls = { 'fr': 'http://www.facebook.com', 'de': 'http://www.facebook.com', }; var defaultUrl = 'http://www.google.com'; var url = urls[userLang]?? defaultUrl; console.log(url); //window.location.href = url;

Answer 2

// Better code in terms of lines of code and avoiding if conditions.

const sites = {
'fr': 'https://www.facebook.com',
'de': 'https://www.google.com',
};

const userLang = navigator.language || navigator.userLanguage;
window.location.href = sites[userLang];

Answer 3

请像这样尝试一下：

<script>
  $( document ).ready(function(){
    var userLang = navigator.language || navigator.userLanguage;
    if (userLang == "fr") {
        window.location.href = "https://www.facebook.com"
    }
    else if(userLang == "de"){
       window.location.href = "https://www.facebook.com"
    }
    else {
        window.location.href = "https://www.google.com"
    }
});
</script>

并找到有关如何使用标签的文档MDN HTML 脚本标签。