重定向后运行一次函数

Question

我正在尝试将访问网站的用户重定向到移动网站。这是我到目前为止所做的，但问题是每次页面加载时该函数都会继续运行。页面加载后调用这些函数。我是 JavaScript 初学者。

function redirectPage() {
    var runOnce = 0;

    if (runOnce == 0 && windowWidth <= 767){
        runOnce = 1;
        window.location.assign("example.net/mobile-site");
    }

    else if (runOnce == 0 && windowWidth >= 767){
        runOnce = 1;
        window.location.assign("example.net/regular-site");
    }
}

更新

这就是我所做的，但到目前为止浏览器一直在一次又一次地加载。

var windowWidth = 0;

$(document).ready(function(){
    checkBrowserWidth();
    redirectPage(); 
});

function checkBrowserWidth() {      
    windowWidth = window.outerWidth;
}

function redirectPage() {
    if (typeof(Storage) != 'undefined') {
        // Store value 
        localStorage.setItem('runOnce', 0);
    }
    var runOnce = localStorage.getItem('runOnce');

    if (runOnce == 0 && windowWidth <= 767){
        localStorage.setItem('runOnce', 1);
        window.location.assign("example.net/mobile-site");
    }

    else if (runOnce == 0 && windowWidth >= 767){
        localStorage.setItem('runOnce', 1);
        window.location.assign("example.net/regular-site");
    }
}

Answer 1

您的方法存在几个问题。

范围

JavaScript 有function scope。这意味着 runOnce 将始终是 undefined 在 redirectPage 函数之外。所以每次通话都会留下runOnce 为undefined。

console.log(window.setSomething); // undefined
function scopeExample() {
  var setSomething = 'something';
}
console.log(window.setSomething); // undefined

如果你想保存一个全局变量，你需要在一个全局范围内设置它，比如window。

// this will be set on a global-basis, however it will not affect the next request as 
// explained in the next section
window.runOnce = 0;
function redirectPage() {    
    if (window.runOnce == 0 && windowWidth <= 767){
        window.runOnce = 1;
        window.location.assign("example.net/mobile-site");
    }

    else if (runOnce == 0 && windowWidth >= 767){
        window.runOnce = 1;
        window.location.assign("example.net/regular-site");
    }
}

脚本生命周期

将每个页面加载完全想象为一个单独的应用程序。除非您愿意，否则它不知道先前的请求。您需要将其保存在 cookie 或像 localStorage 这样的客户端存储中。

function redirectPage() {
    var runOnce = localStorage.get('runOnce');

    if (runOnce == '0' && windowWidth <= 767){
        localStorage.set('runOnce', '1');
        window.location.assign("example.net/mobile-site");
    }

    else if (runOnce == '0' && windowWidth >= 767){
        localStorage.get('runOnce', '1');
        window.location.assign("example.net/regular-site");
    }
}