Javascript 如何使用jQuery检查单击后退按钮后是否出现页面？

我有一个使用jQuery计算总金额的表单。 我为它创建的函数是

updateTotal（）

表单操作是另一个页面，操作页面有以下按钮：

<button class="btn btn-success" onclick="history.go(-1);" type="submit" name="edit">EDIT</button>

以及jQuery：

jQuery(document).ready(function() {
    var hiddenTot = jQuery('.reqFamount').val() ;
    jQuery(".totalAmount").val(hiddenTot);
});

定义隐藏字段以存储计算值

<input type="hidden" id="hiddenTotal" />

然后，当触发回浏览时，浏览器会自动填充hiddenfield。
下一步检查文档准备就绪后，读取hiddenTotal的值并写入totalAmount

$(document).ready(function (){
    // read value and set value of totalAmount to hiddentotal;
    var hiddenTotal = $("#hiddenTotal").val() || 0; //use the hiddenTotal value or if not present set 0 as the default value
    $(".totalAmount").val(hiddentotal)
}

现在totalAmount已恢复。甚至当您离开页面并使用浏览器历史记录返回时，此功能也会起作用。
这对每个人来说都不够清楚。。不管怎么说，这个主意奏效了。。。谢谢你的详细说明。我不明白
function updateTotal() {
        var price = 0;

        $(".inputChangeVal").each(function() {
            var t = parseFloat(jQuery(this).val(), 10);
            price = price + t;
        });

        var total = price.toFixed(2);
        $(".totalAmount").val(total);
        $("#hiddenTotal").val(total);
    }

$(document).ready(function (){
    // read value and set value of totalAmount to hiddentotal;
    var hiddenTotal = $("#hiddenTotal").val() || 0; //use the hiddenTotal value or if not present set 0 as the default value
    $(".totalAmount").val(hiddentotal)
}