Javascript Firebase主机上的jQuery$（document）.ready（）和$（window）.load（）

预请求

在firebase主机上部署静态网站。有一个父页面-。有子页面

有脚本main.js链接到子页面

main.js脚本中有document.ready的块：

$（文档）.ready（函数（）{
console.log（“document.ready”）；
...
//生成考试列表
generateExamsLst（JSON_sap_erp_lst、exLstMainGridSltr、navPnlSubsolListSltr）；
});

四,。main.js脚本中有window.load的块：

函数contentGenerator.generateExamsLst（）文本：

var contentGenerator=（函数（）{
var generateExamsLst=函数（json_文件、mdl_网格_选择器、nav_pnl_选择器）{
...
log（“在数据生成标志为：+isPurgedExLstMainGridHTML之后）；
});
};
...
返回{
generateExamsLst:generateExamsLst，
...
};
})();

谷歌浏览器上的行为

在Chrome中打开主页

通过开发者工具（F12）打开浏览器控制台

单击其下方带有ERP文本的图片。子页面已打开。 浏览器控制台中有以下文本：

按浏览器重新加载按钮刷新页面。 浏览器控制台中有以下文本：

Mozilla Firefox上的行为

在Chrome中打开主页

通过开发者工具（F12）打开浏览器控制台

单击其下方带有ERP文本的图片。子页面已打开。 浏览器控制台中有以下文本：

按浏览器重新加载按钮刷新页面。 浏览器控制台中有以下文本：

问题

当我们从父页面打开子页面时，为什么Chrome浏览器首先从$（document）.ready（）body调用console.log（），然后从$（window）.load（）body调用console.log（），然后从contentGenerator.generateExamsLst（）调用console.log（）函数

当我们刷新页面（不是从父页面打开）时，为什么Chrome浏览器以其他顺序调用此函数

为什么Firefox浏览器中的这种行为不同

$(window).load(function () {
    console.log("document .load");

    console.log("After .load flag is: " + isPurgedExLstMainGridHTML);
    ...
});

document .ready
document .load
After .load flag is: false
After data gen flag is: false

document .ready
After data gen flag is: false
document .load
After .load flag is: false

document .ready
document .load
After .load flag is: false
After data gen flag is: false

document .ready
document .load
After .load flag is: false
After data gen flag is: false