如何在调用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');
    }
});

这至少是个粗略的想法.

Answer 2

您正在重定向浏览器window.location.href，恐怕因为您纯粹只是更改浏览器的位置，所以您不能对要移动到的页面产生任何影响/输入（除非您使用查询字符串参数，然后使用某些内容创建内容像 PHP (myurl.php?newcontent=whatever) )