Javascript 在运行我的购物机器人代码中的其余代码之前，是否可以强制一个页面加载下一个页面？

我正在创建一个机器人来购买停车通行证，我无法调用函数来填写第二步付款，因为机器人无法获取需要输入数据的字段，因为字段所在的页面尚未加载。那么，我可以强制页面加载下一步/页面，然后运行我的函数吗

我试着做一个计数，这样在点击发生后，它进入付款的第二步并再次运行程序，它会运行函数，但这不起作用，因为一旦第二步付款页面加载，变量就会重置回零。我注意到，单击第一页上的按钮时会运行一个

ajaxRequest（）

，然后转到第二页，但我不熟悉ajax，但我认为使用它可能会解决我的问题。我曾尝试在程序中暂停，看看是否只需要等待，但暂停只是停止了付款过程中的下一步。我不知道是否有人可以访问这个网站，因为它是学校相关的，但链接是：为实际支付部分。主页是

一旦我进入付款屏幕，我点击付款的第二步，在进入下一个屏幕之前，它运行其余的代码。在进入下一步后，我需要运行

fillOutBill（）

函数，但链接没有改变，因此我无法像在程序中的其他地方那样使用

chrome.runtime.sendmessage（）重定向。运行此函数会导致此错误

“未捕获的TypeError:无法读取未定义的属性'click'”

这告诉我页面还没有加载，因为它找不到它的元素

如果有什么不清楚的地方，请让我澄清。
也许我可以在文件末尾运行另一个文件，以便加载新页面，然后运行fillOutBill（）。我现在正在研究这是否可行。如果有人知道一种方法，请告诉我。也许我可以在这个文件的末尾运行另一个文件，以便加载新页面，然后运行fillOutBill（）。我现在正在研究这是否可行。如果有人知道路，请告诉我。
function fillOutBill(){

    var creditCardNum = "0000000000000000";
    var expMonth = "01"; // a string in format with two digits ex. 01, 02, 11, 12
    var expYear = "2019"; // a string in format with four digits from 2019 to 2039
    var ccvNum = "000"; // a string in format with 3 digits from 000 to 999 ex. 123

    console.log("start of filling out the bill");
    //click the credit card dropdown
    var creditButton = document.getElementsByClassName("payment-button cc");
    creditButton[0].click();

    console.log("credit drop down clicked");

    //fill out credit card info
    creditCardBox = document.getElementById("cc_pan");
    creditCardBox.value = creditCardNum;
}


if (url == "https://www.schoolpay.com/parent/pay"){
    document.getElementsByClassName("mpn-button6 blue to-step-2 fl-right")[0].click();


    fillOutBill(); 
}