Firebase托管

Question

Prerequsites

1. 在firebase托管上部署静态网站。有父页面 - https://sapcert-d5654.firebaseapp.com。有子页https://sapcert-d5654.firebaseapp.com/sap-erp.html。
2. 链接到子页面的脚本 main.js 。
3. 在 main.js 脚本中有文件块。

$(document).ready(function () {
    console.log("document .ready");
    ...
    //Generate exams lists
    contentGenerator.generateExamsLst(JSON_sap_erp_lst, exLstMainGridSltr, navPnlSubsolListSltr);
});

4。在 main.js 脚本中有window.load块：

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

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

1. 功能 contentGenerator.generateExamsLst（） text：

var contentGenerator = (function () {
    var generateExamsLst = function (json_file, mdl_grid_selector, nav_pnl_selector) {
            ...
            console.log("After data gen flag is: " + isPurgedExLstMainGridHTML);
        });
    };

    ...

    return {
        generateExamsLst: generateExamsLst,
        ...
    };
})();

Google Chrome上的行为

1. 在Chrome中打开主页。
2. 通过开发人员工具（F12）打开浏览器控制台。
3. 点击图片下方的 ERP 文字。子页面已打开。 浏览器控制台中有以下文字：

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

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

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

Mozilla Firefox上的行为

1. 在Chrome中打开主页。
2. 通过开发人员工具（F12）打开浏览器控制台。
3. 点击图片下方的 ERP 文字。子页面已打开。 浏览器控制台中有以下文字：

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

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

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

问题

1. 为什么Chrome浏览器首先从 $（document）.ready（）正文中调用 console.log（），然后调用 console.log（）来自 $（window）.load（） body然后从 contentGenerator.generateExamsLst（）函数调用 console.log（）从父页面打开子页面？
2. 为什么Chrome浏览器在刷新页面时会以其他顺序调用此功能（不是从父页面打开）？
3. 为什么这种行为在Firefox浏览器中有所不同？