Tổng chiều cao của trang

Question

Tôi đang cố nâng tổng chiều cao của một trang bằng JavaScript và jQuery để tôi có thể kiểm tra xem trang có đủ dài để hiển thị gì không, tuy nhiên trong thử nghiệm của tôi, tôi không thể nhận được tổng chiều cao của một trang.

Tôi đã xem xét trên Internet nhưng những thứ như thế này dường như không được tài liệu tốt, vì tất cả những gì tôi có thể tìm thấy là scrollHeight, như tôi có thể đề cập, không hoạt động.

Bất kỳ cách nào để sử dụng jQuery để tìm?

Answer 1

Nếu không có một khuôn khổ:

var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight; 
var _docWidth = (document.width !== undefined) ? document.width : document.body.offsetWidth; 

Answer 2

Bạn đã thử $(document).height(); chưa?

Demo here

Answer 3

Có một cái nhìn tại documentation. Một trong những phương thức được hỗ trợ: height, innerHeight, outerHeight có thể phù hợp với bạn.

Answer 4

Có lẽ sử dụng vị trí của một phần tử ở dưới cùng của trang, như:

$("#footer").offset().top 

Answer 5

Chiều cao của toàn bộ trang ...

document.body.offsetHeight 

Chiều cao của chế độ xem ...

var h; 

if(self.innerHeight) 
    h = window.innerHeight 
else if(document.documentElement && document.documentElement.clientHeight) 
    h = document.documentElement.clientHeight; 
else if(document.body) 
    h= document.body.clientHeight; 

This article có thể giúp bạn.

Answer 6

document.documentElement.scrollHeight đang hoạt động tốt với tôi trong phiên bản Internet Explorer, Chrome, Firefox và Safari mới nhất.

Answer 7

Để tìm chiều cao của toàn bộ tài liệu bạn chỉ có thể tìm thấy những Node DOM cao nhất trên trang hiện tại với một đệ quy đơn giản:

;(function() { 
    var pageHeight = 0; 

    function findHighestNode(nodesList) { 
     for (var i = nodesList.length - 1; i >= 0; i--) { 
      if (nodesList[i].scrollHeight && nodesList[i].clientHeight) { 
       var elHeight = Math.max(nodesList[i].scrollHeight, nodesList[i].clientHeight); 
       pageHeight = Math.max(elHeight, pageHeight); 
      } 
      if (nodesList[i].childNodes.length) findHighestNode(nodesList[i].childNodes); 
     } 
    } 

    findHighestNode(document.documentElement.childNodes); 

    // The entire page height is found 
    console.log('Page height is', pageHeight); 
})(); 

LƯU Ý: Nó đang làm việc với Iframes.

Tận hưởng!