窗口相对于屏幕顶部距离 window.screenTop


窗口相对于屏幕左边距离 window.screenLeft,


屏幕分辨率的高 window.screen.height,


屏幕分辨率的宽 window.screen.width,


屏幕可用工作区高度 window.screen.availHeight,


屏幕可用工作区宽度 window.screen.availWidth


网页滚动距离顶部距离 document.body.scrollTop


网页滚动距离左边距离 document.body.scrollLeft


 






网页可见区域宽： document.body.clientWidth


网页可见区域高： document.body.clientHeight


网页可见区域宽： document.body.offsetWidth (包括边线的宽)


网页可见区域高： document.body.offsetHeight (包括边线的高)


网页正文全文宽： document.body.scrollWidth


网页正文全文高： document.body.scrollHeight


网页被卷去的高： document.body.scrollTop


网页被卷去的左： document.body.scrollLeft



    对应的dom元素的宽高有以下几个常用的：


    元素的实际高度：document.getElementById("div").offsetHeight


    元素的实际宽度：document.getElementById("div").offsetWidth


    元素的实际距离左边界的距离：document.getElementById("div").offsetLeft


    元素的实际距离上边界的距离：document.getElementById("div").offsetTop






												


											
js 获取屏幕或元素宽高...的更多相关文章
	

    
								
  1. js获取屏幕以及元素宽高的方法
		
    一.window相关 网页正文部分上:window.screenTop 网页正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:w ...
    
		
    2. 
						
  2. js获取精确的元素宽高（普通获取高度会有误差）
		
    当js获取元素宽高时, 并不是一个精确的数字,如果想获取真正的宽高大致方法如下 var oStyle = obj.currentStyle ? obj.currentStyle : window.ge ...
    
		
    3. 
						
  3. js 获取页面可视区域宽高
		
    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下. 1.IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下 document.body.offsetWidth d ...
    
		
    4. 
						
  4. js获取隐藏元素宽高的方法
		
    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <h ...
    
		
    5. 
						
  5. 原生JS获取元素宽高实践详解
		
    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的.任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才排 ...
    
		
    6. 
						
  6. js获取屏幕大小
		
    1.js获取屏幕大小 <html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.widt ...
    
		
    7. 
						
  7. JS获取网页属性包括宽、高等
		
    JS获取网页属性包括宽.高等. function getInfo()  { // www.jbxue.com var s = "";  s += " 网页可见区域宽:&q ...
    
		
    8. 
						
  8. js获取屏幕
		
    js获取屏幕(设备)宽高 <script language="javascript"> var h = ""; h += " 网页可见区域 ...
    
		
    9. 
						
  9. CSS子元素居中(父元素宽高已知，子元素未知)
		
    <style> .container{width:400px; height:400px; position:relative;} .center{position:absolute; l ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. bootstrap-treeview分级展示列表树的实现
			
    html页面: 要引用 "/webapp/common/css/bootstrap-treeview.css" "/webapp/common/js/bootstrap- ...
    
			
    2. 
						
  2. jmeter 入门学习-通过代理录制测试脚本
			
    通过jmeter代理录制脚本后,会产生大量的无用的请求,尽管在代理中已经过滤了一部分图片或者CSS.JS文件. 手动查看主要的请求:这里主要关注登陆请求,要确定有效的URL请求 删除除/Login.a ...
    
			
    3. 
						
  3. 异想-天开 python---while、for、if-else 循环学习
			
    for循环: for i in range(10): # i循环10次 print('------',i) for j in range(10): print(j) if j > 2 : bre ...
    
			
    4. 
						
  4. Spring boot 国际化自动加载资源文件问题
			
    Spring boot 国际化自动加载资源文件问题 最近在做基于Spring boot配置的项目.中间遇到一个国际化资源加载的问题,正常来说只要在application.properties文件中定义 ...
    
			
    5. 
						
  5. Sessions Hang on row cache lock
			
    Sessions Hang on "row cache lock" (dc_objects) While Creating & Dropping a Table Concu ...
    
			
    6. 
						
  6. Spring cloud 之Ribbon（二）负载均衡原理
			
    ribbon实现负载均衡的原理 我们从Ribbon实现负载均衡的代码可以看到,Ribbon是通过RestTemPlate实现客户端负载均衡的,准确的说是RestTemPlate上的@LoadBalan ...
    
			
    7. 
						
  7. Synchronize，Lock， ReentrantLock，ReentrantReadWriteLock
			
    下面ReentrantLock是Lock接口的具体实现 如果想在线程等待时(即等待获得锁时)可以被中断,用lockInterruptibly:注意:在线程已经获得锁正在执行时,用Synchronize ...
    
			
    8. 
						
  8. weblogic的基础安装
			
    安装java环境 不能使用centos自带的openjdk  必须使用源码安装 把下载的jdk-8u181-linux-x64.tar 解压到 /usr/src目录下      tar zxvf jd ...
    
			
    9. 
						
  9. Notification web 桌面消息推送
			
    var NotificationHandler = { isNotificationSupported: 'Notification' in window, isPermissionGranted:  ...
    
			
    10. 
						
  10. Python_lambda
			
    最近学习到python的lambda表达式也是匿名函数, lambda不需要使用def 语句这样标准的形式定义一个函数,并不需要花很多时间去额外定义一个不常用的函数.lambda的本省就是一个长度为一 ...
    
			
    11.