js的各种获取大小

相信大家也经常会被js的获取大小搞得头昏脑胀，到底应该用哪种方式获取才是我要的那种大小呢

好啦，在此我帮大家整理好我知道的那些。

window.screen.availHeight : 获取的是当前电脑的屏幕大小。

window.innerHeight : 获取的是当前浏览器的可用视口的大小，（想要整张页面刚好和占满的话就用这个吧）

window.scrollY : 获取现在滚了多远了

document.body.clientHeight: 同上

document.body.offsetHeight : 当前的网页所占的撑起的body的大小，如果设置浮动可能这个值为0哦。

document.getElementById("box").style.height : css中的height

window.getComputedStyle(document.getElementById("box"))["height"] : 当前计算后实际的高度，这个用在万一css的height为百分比或者rem,em该怎么办呢

时间： 2024-12-20 16:36:20

js的各种获取大小的相关文章

js兼容ie获取上传excel文件名称以及大小，绝对路径

/** * * @param obj file对象 document.getElementById(elementId); * @returns */ function getExcelFileFullPath(obj){ if (obj){ // ie if (window.navigator.userAgent.indexOf("MSIE") >= 1){ obj.select(); return document.selection.createRange().t

小议 js 下字符串比较大小

之前群里有人问如何比较两个时间大小,他的时间格式是 2014-08-08 而不是 2014-8-8.所以我给的方法是直接比较,如: var a = "2014-08-08"; var b = "2014-09-09"; console.log(a>b, a<b); // false true 很方便不是么,但是原理是什么呢? 打开 ECMA 第 11.8.5 节 The Abstract Relational Comparison Algorithm在

JS兼容方式获取浏览器的宽度

js对数组元素大小排序实例代码

js对数组元素大小排序实例代码:在实际应用中,有时候需要对数组中的元素按照大小来进行排序,当然是先排序的方法有多种,比如使用数组对象自带的sort()方法,本章节再来分享一种其他的方式,先看代码实例: var org=[5,4,3,2,1,6,7,9,8,10]; var tempArr=new Array(); for(var i=0;i<org.length;i++) { if(i==0) { tempArr[0]=org[0]; //把第一个元素放到新序列 } else { for(var

JS 控制checkbox 获取全选全不选一行不选择全选则不被选择全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

node.js express fs 获取已上传文件数据格式

{ "fieldName": "photo", "originalFilename": "1395130808991.jpg", "path": "tmpupload/25546-z8u01y.jpg", "headers": { "content-disposition": "form-data; name=\"photo\&

offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>offsetWidth.clientWidth.width.scrollWidth区别及js与jQuery获取的方式</title> <script type="text/javascript" src="jquery.min.js"></

angular js 多处获取ajax数据的方法

angular js 多处获取ajax数据的方法 var app=angular.module("cart",[]);app.service("getData",function ($http) { return{ ajax:function () { return $http.get("product.json"); } }}); app.controller("listCtrl",function ($scope,getD

js new Date() 获取时间

js new Date() 获取时间 Date 对象用于处理日期和时间.创建 Date 对象的语法:var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值.参数形式有以下5种: new Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyyy");new Date(yyyy,mth,dd,hh,mm,ss);new Date(yyyy,mth,dd);new Date(ms);