窗口相对于屏幕顶部距离 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. javascript原型模式概念解读
			
    原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象.对于原型模式,可以利用JavaScript特有的原型继承特性去创建对象的方式,真正的原型继承是作为最新 ...
    
			
    2. 
						
  2. XP下ubuntu双系统安装方法
			
    利用u盘将iso刻录 从u盘启动 连续按alt+f2 进入ubuntu试用 打开终端 输入 sudo umount -l /cdrom sudo umount -l /isodevice 然后安装un ...
    
			
    3. 
						
  3. Linux技术栈整理一：系统体系结构
			
    Linux操作系统必备的硬件构造: CPU 主板 显卡 硬盘 网卡 外设(键鼠-输入设备 / 显示器-输出设备) 内核管理调度: 内核体系结构: 来源于:极客专栏
    
			
    4. 
						
  4. Android的Service的创建与使用
			
    Service介绍 Service是Android四大组件中与Activity最为相似的组件,它们都代表可执行的程序,区别是:Service一直在后台运行,没有用户界面.使用service要向Acti ...
    
			
    5. 
						
  5. DDoS攻击及防御措施
			
    SYN flood 伪造大量的源IP地址,分别向服务器端发送大量的SYN包,此时服务器端会返回SYN/ACK 包,因为伪造的IP并不会答应,服务器端并没有收到伪造的IP的回应,会重试3~5次并等待一个 ...
    
			
    6. 
						
  6. 用vue怎么写点击保存之后的返回的代码？
			
    点击完保存调用接口之后,如果使用  this.$router.go(-1); 返回到编辑页面,数据不会有更新,使用 this.$router.replace({ name: '信息展示', param ...
    
			
    7. 
						
  7. Windows服务器外网无法访问web的解决方法
			
    windows环境下使用集成 IIS服务器时一般不会发生外网无法访问的问题,而使用apache.kangle.lighttpd.niginx.tomcat等时:服务器上可通过配置的域名访问网站,pin ...
    
			
    8. 
						
  8. 【托业】【全真题库】TEST2-语法题
			
    105 to do sth 不定时可充当形容词修饰名词 In an effort to reduce prices----为降低价格 106. 修饰比较级:far,much,even,still,a  ...
    
			
    9. 
						
  9. Linux给MySQL创建用户，并分配权限
			
    //登录MYSQL 使用root账号登录 @>mysql -u root -p @>密码 //创建用户 mysql> insert into mysql.user(Host,User ...
    
			
    10. 
						
  10. tensorflow（3）可视化，日志，调试
			
    可视化 添加变量 tf.summary.histogram( "weights1", weights1) # 可视化观看变量 还有添加图像和音频. 常量 tf.summary.sc ...
    
			
    11.