基於瀏覽器語言的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 腳本標簽。