如何在不更改 javascript 中的 URL 的情况下重新加载当前页面一次？

Question

当用户访问我的网站时，我正在使用以下 javascript 代码为用户设置语言 cookie：

function setCookie(name, value, expires) {
    var expires = "";
    if(expires) {
        var date = new Date();
        date.setTime(date.getTime() + (expires * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while(c.charAt(0) == ' ') {
            c = c.substring(1, c.length);
        }
        if(c.indexOf(nameEQ) == 0) {
            return c.substring(nameEQ.length, c.length);
        }
    }
    return null;
}
function delCookie(name) {
    document.cookie = name+'=; expires=Wed, 31 Dec 1969 23:59:59 GMT; path=/'; // expires=-1
}

// After the page has finished loading, check that the user already has a language cookie?
document.addEventListener('DOMContentLoaded', function() {
    var lang = navigator.language || navigator.browserLanguage || navigator.userLanguage || navigator.systemLanguage;
    lang = lang.slice(0, 2).toLowerCase();
    if(!getCookie('language')) { // If not, set language cookie
        if(lang == 'vi') {
            setCookie('language', 'vi');
        }
        else {
            setCookie('language', 'en');
        }
    }
    if(getCookie('language')) { // If the user already has a language cookie
        if(getCookie('language') != 'vi' || getCookie('language') != 'en') { // If the user's language cookie is not supported
            setCookie('language', 'en'); // Then use English as the default
        }
    }
}, false);

现在，我想在为用户设置语言 cookie 后，在不更改 URL 的情况下重新加载一次当前页面（不添加哈希 #、参数...）。

我尝试设置cookie，然后使用location.reload()，一旦重新加载将删除该cookie，如下所示：

// ... Skip Cookie Code ...
document.addEventListener('DOMContentLoaded', function() {
    var lang = navigator.language || navigator.browserLanguage || navigator.userLanguage || navigator.systemLanguage;
    lang = lang.slice(0, 2).toLowerCase();
    if(!getCookie('language')) {
        if(lang == 'vi') {
            setCookie('language', 'vi');
            setCookie('needreload', 'yes');
        }
        else {
            setCookie('language', 'en');
            setCookie('needreload', 'yes');
        }
    }
    if(getCookie('language')) {
        if(getCookie('language') != 'vi' || getCookie('language') != 'en') {
            setCookie('language', 'en');
            setCookie('needreload', 'yes');
        }
    }
    if(getCookie('needreload') == 'yes') {
        location.reload();
        delCookie('needreload');
    }
}, false);

但是，这会使我的网站不断地重新加载，而不仅仅是一次。

请告诉我解决这个问题的方法。非常感谢您提供的解决方案！

Answer 1

我发现了问题，是代码检查用户的语言cookie是否支持有问题。我必须在那里使用&& 而不是||。如果我使用||，那么即使支持用户的语言cookie，它也始终是true，从而导致无限的页面重新加载循环。这是运行良好的代码：

document.addEventListener('DOMContentLoaded', function() {
    var lang = navigator.language || navigator.browserLanguage || navigator.userLanguage || navigator.systemLanguage;
    lang = lang.slice(0, 2).toLowerCase();
    if(!getCookie('language')) {
        if(lang == 'vi') {
            setCookie('language', 'vi');
        }
        else {
            setCookie('language', 'en');
        }
        setCookie('needreload', '1');
    }
    if(getCookie('language')) { // If it already exists
        if(getCookie('language') != 'vi' && getCookie('language') != 'en') { // Use && instead of || will make it work
            setCookie('language', 'en');
            setCookie('needreload', '1');
        }
    }
    if(getCookie('language') == '1') {
        location.reload();
        delCookie('needreload');
    }
}, false);

Answer 2

尝试将needreload cookie 的值设置为"no"，然后再进行location.reload()

if(getCookie('needreload') == 'yes') {
        setCookie('needreload', 'no');
        location.reload();
        delCookie('fc_reload');
      //im not sure delCookie fc_reload will be executed 
      //as page will pe refreshed and control goes off
 }