javascript中关于坐标 大小 的描述

window对象

有效桌面的大小,除去桌面下面的任务栏的高度

window.screen.availHeight :

window.screen.availWidth :

浏览器窗口的左上角相对于windows桌面的位置(FF不支持改属性)

window.screenTop : 距windows桌面顶部的距离

window.screenLeft : 距windows桌面左边的距离

屏幕的分辨率

window.screen.height :

window.screen.width :

浏览器窗口的大小

window.innerHeight : 浏览器的高度

window.innerWidth : 浏览器的宽度

滚动条的位置

window.pageXOffset :

window.pageYOffset :

DOM对象

网页可见区域的大小, 也就body对象的实际大小

document.body.clientHeight : body对象的高度

document.body.clientWidth : body对象的宽度

javascript中关于坐标 大小 的描述

时间： 2024-10-01 20:33:23

javascript中关于坐标 大小 的描述的相关文章

javascript中常用坐标属性offset、scroll、client

原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. 1.在文档(document)对象里面用: scrollWidth/Height:获取对象的滚动宽度(滚动条可以滚动的宽度,相当于整个页面的总宽度的样子--网页正文全宽) scrollLeft/Top:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(页面利用滚动条滚动到右边时,隐藏在

javascript中数组比较大小方法

javascript中数组取最大值和最小值 1.排序法 我们给数组进行排序,可以按照从小到大的顺序来排,排序之后的数组中第一个和最后一个就是我们想要获取的最小值和最大值.排序我们会用到数组的 sort 方法. var arr = [12,56,25,5,82,51,22]; arr.sort(function (a, b) { return a-b; }); // [5,12,22,25,51,56] var min = arr[0]; // 5 var max = arr[arr.length

JavaScript中的坐标

基本概念 视口坐标:相对于浏览器左上角或相对于框架页<iframe>元素的坐标,不包括浏览器的"外壳". 文档坐标:相对于文档左上角的坐标 除IE8及更早的版本,Window对象的pageXOffset和pageYOffset属性在所有的浏览器中提供滚动条的位置. IE和其他浏览器可以通过scrollLeft和scrollTop属性来获得滚动条的位置.标准模式下,通过document.documentElement来获取这些属性,怪异模式下,通过document.body来

javascript中比较数字大小

做项目,遇到一个让人非常纠结的问题,就是获取的两个值比较,却出现了一位数比二位数大的情况.刚开始还以为哪里写错了,检查了几遍,用ie调了下,意识到是应该是用错了比较方法了.才想起以前也碰到过这种情况的,究其原因,就是js默认比较字符串,先比较两个的第一个字符,相同再比较第二个,以此类推.所以,对于数字的比较,首先要转换为数字,再进行比较,就不会出错了.js中数值比较,如下所示: var id=document.pageaction.pageNow.value;-->4 var count=doc

JavaScript中的对象描述符(属性特性)

我们先创建一个对象: var person = { name: "Nicholas", _job: "Software Engineer", sayName: function(){ alert(this.name); }, get job(){ return this._job; }, set job(newJob){ this._job=newJob; } } 在这个对象中,我们定义了一个name属性和一个_job属性:至于以set和get开头的两处代码,他们共

理解JavaScript中的属性描述符

我们把描述JavaScript中定义内部特性的属性叫做属性描述符 分为两大类:数据描述符和存取描述符 数据描述符是一个拥有可写或不可写的属性(Writable); 存取描述符不包含数据值,是一组拥有getter和setter属性的描述符: 描述符必须是这两者之一,不可能都是这两者: 数据描述符合存取描述符都具有以下的可选键值: configurable这个指的是描述,当属性的configurable的值为true的时候,该属性的描述符才可以改变,同时该属性可以从对象上被删除,默认值是false

【转】深入浅出 JavaScript 中的 this

Java 等面向对象的语言中,this 关键字的含义是明确且具体的,即指代当前对象.一般在编译期确定下来,或称为编译期绑定.而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this 关键字有能力具备多重含义,带来灵活性的同时,也为初学者带来不少困惑.本文仅就这一问题展开讨论,阅罢本文,读者若能正确回答 JavaScript 中的 What ’s this 问题,作为作者,我就会觉得花费这么多功夫,撰写这样一篇文章是值得的. Java

为什么不要在 JavaScript 中使用位操作符？

如果你的第一门编程语言不是 JavaScript,而是 C++ 或 Java,那么一开始你大概会看不惯 JavaScript 的数字类型.在 JavaScript 中的数字类型是不区分什么 Int,Float,Double,Decimal 的.咳咳,我说的当然是在 ES6 之前的 JS,在 ES6 的新标准中提出了像 Int8Array 这样新的数据类型.不过这不是本文叙述的重点,暂且就不谈啦.本文将更着重地谈 JS 的数字类型以及作用于它的位操作符,而关于包装对象 Number 的更多了解可以

深入浅出 JavaScript 中的 this

本文来自:http://www.ibm.com/developerworks/cn/web/1207_wangqf_jsthis/ JavaScript 语言中的 this 由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式.JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用.下面我们将按照调用方式的不同,分别讨论