js/jq 获取网页宽高

  

js获取网页宽高

document.body.clientWidth // BODY对象宽度
document.body.clientHeight // BODY对象高度
document.documentElement.clientWidth // 可见区域宽度
document.documentElement.clientHeight // 可见区域高度
  
document.body.clientWidth // 网页可见区域宽 
document.body.clientHeight // 网页可见区域高
document.body.offsetWidth // 网页可见区域宽(包括边线的宽)
document.body.offsetHeight // 网页可见区域高(包括边线的高)
document.body.scrollWidth // 网页正文全文宽
document.body.scrollHeight // 网页正文全文高
document.body.scrollTop // 网页被卷去的高
document.body.scrollLeft // 网页被卷去的左
window.screenTop // 网页正文部分上
window.screenLeft // 网页正文部分左
window.screen.height // 屏幕分辨率的高
window.screen.width // 屏幕可用工作区高度
window.screen.availHeight // 屏幕可用工作区高度
window.screen.availWidth // 屏幕可用工作区宽度

jq获取网页宽高

$(window).height()    //浏览器当前窗口可视区域高度
$(document).height()    //浏览器当前窗口文档的高度
$(document.body).height()    //浏览器当前窗口文档body的高度
$(document.body).outerHeight(true)    //浏览器当前窗口文档body的总高度 包括border padding margin

$(window).width()    //浏览器当前窗口可视区域宽度
$(document).width()    //浏览器当前窗口文档对象宽度
$(document.body).width()    //浏览器当前窗口文档body的宽度
$(document.body).outerWidth(true)    //浏览器当前窗口文档body的总宽度 包括border padding margin

 

猜你喜欢

转载自blog.csdn.net/qq_33737087/article/details/84972217