JavaScript里利用DOM获取宽高大全

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth(包括边线的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop(IE7无效)
网页被卷去的左：document.body.scrollLeft(IE7无效)

网页被卷去的高：document.documentElement.scrollTop(IE7有效)

网页被卷去的左：document.documentElement.scrollLeft(IE7有效)
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

相对于窗口左上角的X：window.event.clientX

相对于窗口左上角的Y：window.event.clientY
相对于整个页面的X：window.event.X
相对于整个页面的Y：window.event.Y

时间： 2024-11-12 18:29:34

JavaScript里利用DOM获取宽高大全的相关文章

17.在自适应屏幕里通过JQ来获取宽高并赋给需要的

在自适应屏幕里通过JQ来获取宽高并赋给需要的div. var height = document.documentElement.clientHeight; var width =document.documentElement.clientWidth; $(".content").css('height',height+'px'); $(".content").css('width',width+'px'); 原文地址:https://www.cnblogs.co

js 和 jquery 里面几个获取宽高的调查

罗列下 js 和 jquery 里面获取宽高的方法: obj.offsetWidth = $obj.outerWidth()  // offsetWidth obj.clientWidth = obj.scrollWidth // offsetWidth - border - scrollbar $obj.width()                                   // offsetWidth - border - padding 基本是这样(当然测试的过程复杂得多,移动

简单写一下图片上传获取宽高的方法

最近,我负责的后台系统有一个图片上传校验图片比例的需求,以前没有做过这种需求,便查了一些资料总结了一下图片上传获取宽高的方法.想要获取图片的宽高首先要知道图片的url:一般图片上传UI组件或自己封装的组件都会获取到图片的url,知道url就好办了,上代码. var img_url = URL;//图片URL地址 var imgObj = new Image();//创建对象 imgObj.src = img_url;//改变图片地址 console.log(imgObj.width + "&qu

javascript DOM元素宽高

获取元素位置 offsetLeft 元素相对于父元素的左边距离 offsetHeight 元素相对于父元素上部的距离 offsetLeft和style.left的区别 offsetLeft是只读的:style.left是可读写的,要改变元素的位置,只能使用style.left offset返回的是一个Number:style.left返回的是字符串,如“30px” style.left需要在HTML中直接定义.在CSS样式表中定义,是无法获取这个属性的 这里引出一点: 如果要获取元素属性的话,这

JavaScript 中禁止用户右键菜单，复制，选取，Ctrl，Alt，Shift. 获取宽高

//禁用右键菜单 document.oncontextmenu = function(){ event.returnValue = false; } //禁用选取内容 document.onselectstart = function() { event.returnValue = false; } //禁用复制 document.oncopy = function() { event.returnValue = false; } //禁用键盘中的ctrl.alt.shift document.

谈谈jQuery和js里有关位置和宽高的方法

总结一下jQuery.原生js设置和获取位置.宽高的方法. 一.jQuery关于元素位置的方法 position() 方法:只能获取,不能设置. 可获取元素相对于其第一个position值不为static的祖先元素的偏移量,如果没有,则是相对于文档的偏移量:返回一个对象,包括两个属性:left,top; 属性值无单位,number类型.具体用法: $(element).position().left; //获取元素相对于其第一个position值不为static的祖先元素的偏移量 offset(

html 获取宽高

jquery获取元素宽高的方法如下 1.元素自身高度 $("#div").height(); 2.元素自身高度 + padding $("#div").innerHeight(); 2.元素自身高度 + padding + border $("#div").outerHeight(); 2.元素自身高度 + padding + border + margin $("#div").outerHeight(true); 获取宽度

Android Bitmap在不加载图片的前提获取宽高

代码参考: /** * 根据View(主要是ImageView)的宽和高来获取图片的缩略图 * @param path * @param viewWidth * @param viewHeight * @return */ private Bitmap decodeThumbBitmapForFile(String path, int viewWidth, int viewHeight){ BitmapFactory.Options options = new BitmapFactory.Opt

JavaScript常用获取宽高的方法

知识点: document.documentElement.scrollTop(滚动条顶端位置,支持ie.ff) document.body.scrollTop(滚动条顶端位置,支持chrome) document.documentElement.clientWidth(浏览器视口宽度) document.documentElement.clientHeight(浏览器视口高度) document.body.clientWidth(浏览器视口宽度) document.body.clientHei