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