Javascript和JQuery獲取瀏覽器窗口各種尺寸


原生JS 窗口尺寸:

console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight)
console.log('document.body.clientWidth = ' + document.body.clientWidth + '---document.body.clientHeight = ' + document.body.clientHeight)

 

JQuery 窗口尺寸:

console.log($(window).height()); //瀏覽器時下窗口可視區域高度
console.log($(document).height()); //瀏覽器時下窗口文檔的高度
console.log($(document.body).height());//瀏覽器時下窗口文檔body的高度
console.log($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding margin
console.log($(window).width()); //瀏覽器時下窗口可視區域寬度
console.log($(document).width());//瀏覽器時下窗口文檔對於象寬度
console.log($(document.body).width());//瀏覽器時下窗口文檔body的高度
console.log($(document.body).outerWidth(true));//瀏覽器時下窗口文檔body的總寬度 包括border padding margin

console.log($(document).scrollTop()); //獲取滾動條到頂部的垂直高度
console.log($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM