窗口相对于屏幕顶部距离 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. [POI2002][HAOI2007]反素数（Antiprime）
			
    题目链接 这道题需要用到整数唯一分解定理以及约数个数的计算公式.这里我就不再阐述了. 公式可以看出,只有指数影响约数个数,那么在唯一分解出的乘式中,指数放置的任何位置都是等价的.(即 23*34*57 ...
    
			
    2. 
						
  2. spring cloud
			
    如果是一个大型的网站,内部子系统较多.接口非常多的情况下,RPC框架的好处就显示出来了,首先就是长链接,不必每次通信都要像http 一样去3次握手什么的,减少了网络开销:其次就是RPC框架一般都有注册 ...
    
			
    3. 
						
  3. 上传及更新代码到github（以及如何在vscode上提交自己的代码）
			
    上传本地代码 第一步:去github上创建自己的Repository,创建页面如下图所示: 红框为新建的仓库的https地址 第二步: echo "# Test" >> ...
    
			
    4. 
						
  4. Java-多态经典例子
			
    public class A { public String show(D obj) { return ("A and D"); } public String show(A ob ...
    
			
    5. 
						
  5. composer相关使用
			
    #composer安装 curl -sS https://getcomposer.org/installer | php #如果该命令执行不了,通过其他方式下载install文件后再执行“php in ...
    
			
    6. 
						
  6. oracle根据某个字段的值进行排序
			
    需求:按照颜色为蓝色.红色.黄色进行排序: order by  case                  when color = '蓝色' then                   1     ...
    
			
    7. 
						
  7. 我喜欢的几款不错的vim插件
			
    插件安装组件 https://github.com/tpope/vim-pathogen supertab自动补齐 https://www.vim.org/scripts/script.php?scr ...
    
			
    8. 
						
  8. java项目对jar包加密流程，防止反编译
			
    Java 开发语言以其安全性高.代码优化.跨平台等特性,迅速取代了很多传统高级语言,占据了企业级网络应用开发等诸多领域的霸主地位.特别是近年来大数据.互联网+.云计算技术的不断发展,Java 开发语言 ...
    
			
    9. 
						
  9. 清除eclipse项目中没用的图片、js、css代码
			
    import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.IOExce ...
    
			
    10. 
						
  10. Spring Boot入门 and  Spring Boot与ActiveMQ整合
			
    1.Spring Boot入门 1.1什么是Spring Boot Spring 诞生时是 Java 企业版(Java Enterprise Edition,JEE,也称 J2EE)的轻量级代替品.无 ...
    
			
    11.