js动态获取屏幕宽高度

Javascript:

网页可见区域宽: 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

jQuery实时获取屏幕宽高

resize接口说明

// 原生js
window.οnlοad=function(){
    
    
	 changeDivHeight();
}
//当浏览器窗口大小改变时,设置显示内容的高度
window.οnresize=function(){
    
    
	 changeDivHeight();
}
function changeDivHeight(){
    
    				
	var h = document.documentElement.clientHeight;//获取页面可见高度
}

// jquery
$(window).resize(function(){
    
     
  var Height = $(window).height();
  var Width = $(window).width();
})

猜你喜欢

转载自blog.csdn.net/CrazyQiQi/article/details/103698121
今日推荐