javascript - 如何在调用 window.location.href 后执行脚本？

Question

我有一个将用户重定向到另一个页面的脚本。我想在新页面完全加载后将一些内容加载到新页面上的 div 中。我怎样才能做到这一点。以下不起作用。

function goToPage() {
    window.location.href = 'http://www.mypage.com/info';
    $('.my_class').load('my/url/path/with/content/to/load');
}

新加载的页面 http://www.mypage.com/info 包含以下 div:

<div class="my_class"></div>

我做错了什么？

Answer 1

重定向到新页面，但将哈希信号附加到 URL。

function goToPage() {
    window.location.href = 'http://www.mypage.com/info#load-stuff;
}

然后在加载目标页面时，评估该哈希信号的 URL 检查。

function pageLoad() {
    if (window.location.hash === "#load-stuff") {
        $('.my_class').load('my/url/path/with/content/to/load');
    }
}

如果您的应用程序使用 jQuery，它看起来像这样:

$(function () {
    if (window.location.hash === "#load-stuff") {
        $('.my_class').load('my/url/path/with/content/to/load');
    }
});

至少这是粗略的想法。