窗口相对于屏幕顶部距离 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. 深度好文 | 在阿里做了5年技术Leader，我总结出了这些套路！
			
    导读:阿里巴巴高级技术专家云狄将为大家从管理的角度分享技术TL的核心职责,这其中包括团队建设.团队管理.团队文化.沟通与辅导.招聘与解雇等,希望与大家共同探讨.交流. 背景 互联网公司的技术团队管理通 ...
    
			
    2. 
						
  2. Python全栈-magedu-2018-笔记5
			
    第三章 - Python 内置数据结构 字符串 一个个字符组成的有序的序列,是字符的集合. python中一个字符也是str类型. 使用单引号.双引号.三引号引住的字符序列 字符串是不可变对象 Pyt ...
    
			
    3. 
						
  3. 新装的centos怎样显示中文界面
			
    默认的显示英文界面,即使各种配置中都选择的chinese也没用,默认显示的还是英文. 要在终端输入 vim ~/.bashrc 编辑本用户配置文件 打开后最后一行加入 export LANG=&quo ...
    
			
    4. 
						
  4. Ubuntu 安装YouCompleteMe
			
    目录 材料 1,安装clang 2,安装YCM 使用Vundle安装 手动安装: 3,编译YCM,支持 C-family languages: 4,编辑vimrc YCM git repo https ...
    
			
    5. 
						
  5. 用sort方法输出数组
			
    
			
    6. 
						
  6. Ionic3多个自定义过滤器--管道（pipe）
			
    往往我们创建自定义管道一般都不止只会创建一个自定义管道,和自定义组件类似,创建多个方式如下. 一.命令行生成管道 ionic g pipe formateDate ionic g pipemoneyD ...
    
			
    7. 
						
  7. Mybatis动态排序问题
			
    参考https://blog.csdn.net/LitongZero/article/details/83753813 注意事项:使用这样连续拼接两个注入参数时,只能用${},不能用#{}.
    
			
    8. 
						
  8. springcloud第四步：ribbon搭建服务负载均衡
			
    使用ribbon实现负载均衡 启动两个会员服务工程,端口号分别为8762.8763,订单服务 使用负载均衡策略轮训到会员服务接口. 什么是ribbon ribbon是一个负载均衡客户端 类似nginx ...
    
			
    9. 
						
  9. AWS的EC2实例搭建服务器使用stackoverflow教程
			
    作为一个技术开发工程师, 一个给力的问题解决方案搜索引擎是十分必要的, stackoverflow作为一个码农必备神器, 存在访问不稳定,有时候打不开的问题,下面介绍如何在亚马逊云服务器上搭建属于自己 ...
    
			
    10. 
						
  10. AngularJS简单例子
			
    双大括号标记{{}}绑定的表达式 <html ng-app> <script src="http://code.angularjs.org/angular-1.0.1.mi ...
    
			
    11.