Làm cách nào để có chiều cao và chiều rộng hiện tại của không gian có sẵn trong trình duyệt khi nó đang mở.Chiều rộng DOM HTML + chiều cao của cửa sổ hiển thị
Tôi không muốn chiều cao của tổng tài liệu, chỉ những gì hiển thị trên màn hình.
Bạn có thể xem số blog post này để xem phương pháp.
và trong ngắn hạn cho rằng mã
function alertSize() {
var myWidth = 0, myHeight = 0;
if(typeof(window.innerWidth) == 'number') {
// Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
// IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
// IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
window.alert('Width = ' + myWidth);
window.alert('Height = ' + myHeight);
}
cũng phải lưu ý rằng hầu hết các khuôn khổ js (jquery, ext, nguyên mẫu) sẽ cung cấp một chức năng để làm điều đó (IMHO).
trong jQuery:
$(window).width();
$(window).height();
<html id="THE_HTML">
<!-- all your stuff... -->
</html>
thì:
document.getElementById('THE_HTML').clientHeight;
Tested và làm việc theo IE8 và FF3.6 ...
Sử dụng cửa sổ các đối tượng sở hữu, chiều cao bên trong/chiều rộng, để tìm kích thước của chỉ nội dung trên trang web. Điều này bao gồm các thanh cuộn. Dưới đây là giải thích trực quan ->http://goo.gl/L0cBLA.
Chiều cao:
window.innerHeight
Chiều rộng:
window.innerWidth
tôi sử dụng jQuery, có thể như vậy trong khuôn khổ này? –
@ BahaiResearch.com: Tôi đã chỉnh sửa. – RageZ
-1 jQuery không trả về chiều cao và chiều rộng của vùng hiển thị, nó trả về chiều cao và chiều rộng mà người dùng có thể cuộn đến. – schlingel