原生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()); //获取滚动条到左边的垂直宽度

相关文章:

  • 2021-11-27
  • 2022-12-23
  • 2021-12-07
  • 2022-12-23
  • 2022-12-23
  • 2021-06-13
  • 2022-01-11
  • 2021-07-13
猜你喜欢
  • 2021-08-11
  • 2022-12-23
  • 2022-02-07
  • 2021-09-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案