JS 获取宽,高(ie未测)

1,js获取当前窗口的宽,高

alert(‘可见区域:‘ + window.innerHeight);
alert(‘整网页高度‘ + document.documentElement.clientHeight);

2,js获取指定元素的宽,高

 

//获取指定元素的实际宽,高,带边框
console.log(document.getElementById(‘box‘).offsetHeight);
console.log(document.getElementById(‘box‘).offsetWidth);
//获取指定元素的可见宽,高,不带边框
console.log(document.getElementById(‘box‘).clientHeight);
console.log(document.getElementById(‘box‘).clientheight);
时间: 2024-08-01 20:45:11

JS 获取宽,高(ie未测)的相关文章

js获取宽高

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHei

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

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

JS处理图片宽高

JS快速获取图片宽高的方法 快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器. 我们一步一步进入这个过程. 一.简陋的获取图片方式 1 2 3 4 5 6 7 8 9 10 11 // 图片地址 后面加时间戳是为了避免缓存 var img_url = 'http://www.qttc.net/static/upload/2013/13643608813441.

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

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

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

JS元素宽高、可视区域宽高、滚动区域宽高和已滚动的高度

1.文档的高,屏幕的文档区域的高 document.body.clientHeight 2.有效的高,屏幕可视的高 document.documentElement.clientHeight 3.屏幕的总高度 document.documentElement.scrollHeight 4.滚动的高度 document.documentElement.scrollTop js代码 <script>// 获取有效的宽和高,屏幕可视的宽 高 var winX = document.documentE

js各种宽高(1)

在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之间 实现方式不同,常常会造成概念混淆,经过研究之后,这里来进行一个总结. 第一部分:DOM对象 1.1只读属性 所谓的只读属性指的是DOM节点的固有属性,该属性只能通过js去获取而不能通过js去设置,而且获取的值是只有数字并不带单位的(px,em等),如下: 1)clientWidth和client

js 浏览器 宽高 各种

常用: JS 获取浏览器窗口大小 // 获取窗口宽度   if (window.innerWidth)   winWidth = window.innerWidth;   else if ((document.body) && (document.body.clientWidth))   winWidth = document.body.clientWidth;   // 获取窗口高度   if (window.innerHeight)   winHeight = window.inner

html 获取宽高

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