一种解决方法是使用本地存储（local storage）来更新购物车总金额。下面是一个代码示例：

HTML部分：

    


    
购物车
    

    更新购物车总金额

    

JavaScript部分：

// 获取购物车总金额
function getCartTotal() {
    // 从本地存储中获取购物车总金额，如果不存在则返回0
    return parseFloat(localStorage.getItem('cartTotal')) || 0;
}

// 设置购物车总金额
function setCartTotal(total) {
    // 将购物车总金额保存到本地存储中
    localStorage.setItem('cartTotal', total);
}

// 更新购物车总金额
function updateCartTotal() {
    // 模拟获取购物车中的商品总价，这里使用随机数
    var cartTotal = Math.random() * 100;

    // 设置购物车总金额
    setCartTotal(cartTotal);

    // 更新页面上显示的购物车总金额
    document.getElementById('cart-total').textContent = '购物车总金额：' + cartTotal.toFixed(2);
}

// 页面加载时初始化购物车总金额
window.onload = function() {
    // 获取购物车总金额
    var cartTotal = getCartTotal();

    // 显示购物车总金额
    document.getElementById('cart-total').textContent = '购物车总金额：' + cartTotal.toFixed(2);
}

在这个示例中，我们使用了localStorage来保存购物车总金额。首先，在页面加载时调用getCartTotal函数来获取购物车总金额，并将其显示在页面上。然后，当用户点击“更新购物车总金额”按钮时，调用updateCartTotal函数来模拟获取购物车中的商品总价，并将其保存到本地存储中。最后，更新页面上显示的购物车总金额。这样，购物车总金额就会在每次刷新页面时保持不变。