窗口相对于屏幕顶部距离 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. svn的简单学习与日常使用
			
    
			
    2. 
						
  2. 2018-2019-2 网络对抗技术 20165336 Exp3 免杀原理与实践
			
    2018-2019-2 网络对抗技术 20165336 Exp3 免杀原理与实践 1.基础问题回答 (1)杀软是如何检测出恶意代码的? 根据计算机病毒课程知道了每个病毒都有其对应的特征码,杀软是根据这 ...
    
			
    3. 
						
  3. webpack（4）-管理输出
			
    设置 HtmlWebpackPlugin html-webpack-plugin:它会用新生成的 index.html文件,替换我们的原有文件 plugins: [ new HtmlWebpackPl ...
    
			
    4. 
						
  4. 安全相关及HttpClient
			
    1,Spring Security入门示例 Spring Security Annotation Configuration Example – HelloWorld 2,程序模块Get请求,获取响应 ...
    
			
    5. 
						
  5. AIX7.1环境打补丁缺少bash OPATCHAUTO-72049
			
    DB:12.1.0.2.0 RAC OS:AIX 7.1 [To patch only the GI home] su - root export UNZIPPED_PATCH_LOCATION=/o ...
    
			
    6. 
						
  6. zt (stack overflow 介绍)
			
    这是「解密 Stack Overflow 架构」系列的第一篇,本系列会有非常多的内容.欢迎阅读并保持关注. 为了便于理解本文涉及到的东西到底都干些了什么,让我先从 Stack Overflow 每天平 ...
    
			
    7. 
						
  7. go 语言环境搭建（Ubuntu + Sublime Text3 + GoSublime + gocode）
			
    1. 首先安装go http://code.google.com/p/golang-china/wiki/Install 或者http://golang.org/doc/install这里有详细介绍. ...
    
			
    8. 
						
  8. 10#Windows注册表的那些事儿
			
    引言 用了多年的Windows系统,其实并没有对Windows系统进行过深入的了解,也正是由于Windows系统不用深入了解就可以简单上手所以才有这么多人去使用.笔者是做软件开发的,使用的基本都是Wi ...
    
			
    9. 
						
  9. 客户端不能连接MySQL - 2003-Can't connect to MySQL server on '192.168.43.180'(10060 "Unknown error")
			
    客户端不能连接MySQL 场景: 数据库(此处以MySQL为例)安装在虚拟机里面,在宿主机上进行连接数据库的时候始终不能连接,但在虚拟机中使用正常. 针对上面的场景: 1. 在虚拟机里面可以正常使用M ...
    
			
    10. 
						
  10. css遮罩蒙版效果 分栏效果
			
    mask遮罩蒙版效果 来看一下效果图: 这是两张原图: 遮罩层图像 注意,白色区域为透明状态   要展示的图像 使用mask之后产生的效果图   首先来解释一下遮罩.蒙版.和PS中的蒙版.Flash中 ...
    
			
    11.