`
Sharpleo
  • 浏览: 566572 次
  • 性别: Icon_minigender_1
  • 来自: newsk
社区版块
存档分类
最新评论

js 得到对象的宽度和高度

    博客分类:
  • js
阅读更多
//绝对宽度
Obj.offsetWidth
//绝对高度
Obj.offsetHeight

以下是获取窗口对象的宽高值。
clientHeight   获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。
clientLeft   获取   offsetLeft   属性和客户区域的实际左边之间的距离。
clientTop   获取   offsetTop   属性和客户区域的实际顶端之间的距离。
clientWidth   获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。
clientX   设置或获取鼠标指针位置相对于窗口客户区域的   x   坐标,其中客户区域不包括窗口自身的控件和滚动条。 
clientY   设置或获取鼠标指针位置相对于窗口客户区域的   y   坐标,其中客户区域不包括窗口自身的控件和滚动条。
clip   设置或获取定位对象的哪个部分可见。
clipBottom   获取对象剪裁区域的底边坐标。
clipLeft   获取对象剪裁区域的左边坐标。
clipRight   获取对象剪裁区域的右边坐标。
clipTop   获取对象剪裁区域的顶边坐标。
 


分享到:
评论

相关推荐

    JS获取各种宽度、高度的简单介绍

    JS获取各种宽度、高度的简单介绍: scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最...

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...

    Js与Jq获取浏览器和对象值的方法

    JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能...document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 Jq获取浏览器高度和宽度 $(window).widt

    window-size:在node.js环境中获取终端控制台的高度和宽度的可靠方法

    获取终端/控制台高度和宽度的可靠方法,因为并非在所有平台,环境和node.js版本上都以相同的方式计算或更新终端/控制台。 安装 使用安装: $ npm install --save window-size 用法 var size = require ( 'window-...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性 return obj.currentStyle...

    Javascript元素位置、大小、鼠标定位操作

    本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 Event 提供了多个属性来获取鼠标的当前位置...

    screen对象(教辅).pdf

    Screen 对象详解 ...Screen 对象用于获取客户端显示屏幕的信息,而 Window 对象的 innerWidth/Height 属性用于获取窗口的文档显示区的高度和宽度。了解这两个对象的区别可以帮助我们更好地开发Web应用程序。

    dimensions:获取Internet上任何图像的宽度和高度。 支持BMP,GIF,JPEG,PNG,PSD

    给尺寸标注一个图像URL,取回一个带有图像宽度和高度(以像素为单位)的对象。 var dimensions = require ( 'dimensions' ) var url = 'http://placekitten.com/g/200/300' dimensions ( url , function ( err , ...

    js获取浏览器和屏幕的各种宽度高度

    一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2....

    jquery.get_viewportSize:获取html元素的宽度和高度。 对于触摸设备,这是“视口”

    jquery.get_viewportSize获取视口的宽度和高度。 主页: : 版权所有2015 nexxar / Thomas Fellinger 许可证GPLv2 返回包含数字(像素)的宽度和高度的对象

    js 获取浏览器高度和宽度值(多浏览器)

    IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域...

    JavaScript中的Screen屏幕对象

    这是基本JavaScript的屏幕对象 screen 屏幕对象 反映了当前用户的屏幕设置。 width 返回屏幕的宽度(像素数)。 height 返回屏幕的高度。 availWidth 返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的...

    viewport:用于查看和检索浏览器视口的宽度,高度,vmin和vmax的简单实用程序

    视口用于查看和检索浏览器视口的宽度,高度,vmin和vmax的简单实用程序。 documentElement.clientWidth (而不是window.innerWidth ),因此报告的视口尺寸将排除滚动条尺寸。安装凉亭bower install -S viewport-...

    JavaScript详解(第2版)

     12.6.2 改变图片的高度和宽度属性   12.7 应知应会   练习   第13章 事件处理   13.1 事件处理函数介绍   13.2 事件处理的内联模型   13.2.1 HTML和事件处理函数   13.2.2 设置事件处理函数...

    Js与Jq 获取页面元素值的方法和差异对比

    JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能...document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 Jq获取浏览器高度和宽度 $(window).width

    splash.js:一个插件,它接受 1 个 DOM 元素并根据浏览器窗口的高度(和宽度)调整其高度

    该插件采用 1 个 DOM 元素并根据浏览器窗口的高度(和宽度)调整其高度。 该插件还可以采用 1-2 个其他元素(上方和/或下方),并再次根据这些 1-2 个元素的高度调整中间元素的大小。 它对于非常大的窗口大小特别...

    038HTML-DOM对象.doc

    DHTML 对象模型如图-1 所示,包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...

    JavaScript实现像素鸟

    4. canvas的宽度和高度不能固定,根据电脑动态设置。 5. 使用ES6语法创建类。 6. FPS (每秒传输帧数(Frames Per Second)) 刷新率FNO 记录当前走过总帧数 7. 在每一次canvas绘制之前,都要进行清屏操作。ctx....

    用javascript实现的跑马灯控件,文字跑马灯或图片跑马灯皆可噢!

    支持的参数有 div对象(id名称或dom对象都可以,已经在内部作了处理) 宽度(可选) 高度(可选) 内容(由数组实现,数组里存放任何html内容都可以,示例里存放的是img标签,也就是说,实现了几张图片的跑马灯效果...

Global site tag (gtag.js) - Google Analytics