等待脚本结束，然后再解析HTML

Question

我的网页正在处理JavaScript中的用户登录。用户登录完成后，我可以访问所有用户信息。

我正在使用Firebase Auth登录用户。我有一个有效的登录页面。在我的主页上，有一个脚本可以检查用户是否已登录：

    firebase.auth().onAuthStateChanged(function(user) {
            if (user) {
                // User is signed in.
                currentUser = user;

                if (user != null) {
                    user.providerData.forEach(function (profile) {
                        console.log("Sign-in provider: " + profile.providerId);
                        console.log("--Provider-specific UID: " + profile.uid);
                        console.log("--Name: " + profile.displayName);
                        console.log("--Email: " + profile.email);
                        console.log("--Photo URL: " + profile.photoURL);
                    });
                }
            } else {
                // No user is signed in.
                console.log("No user is signed in.");
            }
})

我想用html代码在页面上显示用户信息。这意味着要显示他的名字，个人资料图片和其他类似内容。

问题在于，在提取数据之前先解析了html代码。因此它什么也不显示。

我不知道这是否是个好方法，但是我想知道如何使html页面的解析等待登录完成。

就像我说我是一个初学者一样，所以我没有足够的知识来做出明智的决定并找到做某事的最佳方法。我确定还有其他解决方案，我不知道可以绕过这种情况。