使用AJAX和Jquery检查加载页面的高度

Question

我试图使用Ajax和Jquery检查加载页面的高度，这是我的代码：

                        $.ajax({
                            url: url,
                            success: function(msg){ 
                                var heigOfDiv = html(msg).height();
                                alert (heigOfDiv);
                            }
                        });

即。如果加载页面example.php和height of this page is 2500px我想提醒此号码。 我尝试使用document.height()，但确实给了我实际页面的高度。 任何想法如何做到这一点？我需要计算高度，因为我想使用jquery滚动条和高度将其分配给视口。

Answer 1

您需要将元素附加到DOM中，因此浏览器将渲染元素并生成其尺寸。我会通过附加一个1x1px的隐藏容器（通过visibility:hidden，而不是display:none）和overflow:hidden来做到这一点，这样它就不会影响当前的页面维度，然后测量它的高度通过jQuery。