文档章节

offsetHeight,scrollHeight,clientHeight,offsetWidth,clientWidth,scrollWidth的意义

溪语_8023
 溪语_8023
发布于 2016/12/01 15:58
字数 251
阅读 1
收藏 0
点赞 0
评论 0

offsetHeight:带边框的高度,带滚动条的高度

scrollHeight:正文的高度,不包括滚动条和边框

clientHeight:对象可视的高度

 

offsetWidth当前对象的宽度(Width+border+padding)包括滚动条等边线,会随着对象的显示而变化。style.width 也是表示对象的宽度。但是他们两个是有区别的,①如果页面中的元素设置为百分比,无论页面变大或者变小,style.width返回值的宽度是百分比,而offsetWidth 返回值是数据;②style.width:如果元素没有设置width,则style.width返回值是空。③style.width返回值除了数据之外还会返回单位px。

clientWidth 对象内容的可视区的宽度,不包括滚动条和边线,会随着对象显示的大小而变化。

scrollWidth 对象实际内容的宽度,会随着对象内容增多或减少来改变。

 

© 著作权归作者所有

共有 人打赏支持
溪语_8023
粉丝 0
博文 26
码字总数 17289
作品 0
杭州
js 获取显示宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offse...

verycore ⋅ 2012/04/05 ⋅ 0

JS获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offse...

kisshua ⋅ 2012/05/29 ⋅ 0

获取屏幕宽度、浏览器宽度、网页高度,宽度信息

视图模式innerWidth/innerHeight属性(窗口大小) window.innerHeight window.innerWidth window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离 网页可见区域宽:document.bo...

飞奔的土豆 ⋅ 2014/09/05 ⋅ 0

Js中 关于top、clientTop、scrollTop、offsetTop的用法

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.bod...

紫地瓜 ⋅ 2012/11/05 ⋅ 0

CSSOM View Module 中的尺寸与位置属性

指 CSS Object Model,即 CSS对象模型。CSSOM 是 JavaScript 操纵 CSS 的一系列 API 集合,它属是 DOM 和 HTML API 的附属。 其中视图模型(View Model)中定义了一系列接口,包括多个关于窗...

yinyongcom666 ⋅ 2016/03/28 ⋅ 0

HTML中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scroll...

Aaron_DMC ⋅ 2016/11/18 ⋅ 0

HTML布局定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全带图详解

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.bod...

ibm_hoojo ⋅ 2010/09/29 ⋅ 0

通过javascript获取多种主流浏览器显示页面高度

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

答复哈 ⋅ 2010/12/24 ⋅ 0

轻松弄清JavaScript中的offset、scroll、client

初次见到这张图,觉得好乱额,所以下面我们来慢慢理顺这个东西。 一、理顺offset 在这里我们可以看到,关于offset共有5个东西需要弄清楚:   1、offsetParent   2、offsetTop   3、off...

longteng2013 ⋅ 2013/10/06 ⋅ 2

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offse...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

十五周二次课

十五周二次课 17.1mysql主从介绍 17.2准备工作 17.3配置主 17.4配置从 17.5测试主从同步 17.1mysql主从介绍 MySQL主从介绍 MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主...

河图再现 ⋅ 今天 ⋅ 0

docker安装snmp rrdtool环境

以Ubuntu16:04作为基础版本 docker pull ubuntu:16.04 启动一个容器 docker run -d -i -t --name flow_mete ubuntu:16.04 bash 进入容器 docker exec -it flow_mete bash cd ~ 安装基本软件 ......

messud4312 ⋅ 今天 ⋅ 0

OSChina 周一乱弹 —— 快别开心了,你还没有女友呢。

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享吴彤的单曲《好春光》 《好春光》- 吴彤 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :小萝莉街上乱跑,误把我认错成...

小小编辑 ⋅ 今天 ⋅ 7

mysql in action / alter table

change character set ALTER SCHEMA `employees` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci ;ALTER TABLE `employees`.`t2` CHARACTER SET = utf8mb4 , COLLAT......

qwfys ⋅ 今天 ⋅ 0

Java 开发者不容错过的 12 种高效工具

Java 开发者常常都会想办法如何更快地编写 Java 代码,让编程变得更加轻松。目前,市面上涌现出越来越多的高效编程工具。所以,以下总结了一系列工具列表,其中包含了大多数开发人员已经使用...

jason_kiss ⋅ 昨天 ⋅ 0

Linux下php访问远程ms sqlserver

1、安装freetds(略,安装在/opt/local/freetds 下) 2、cd /path/to/php-5.6.36/ 进入PHP源码目录 3、cd ext/mssql进入MSSQL模块源码目录 4、/opt/php/bin/phpize生成编译配置文件 5、 . ./...

wangxuwei ⋅ 昨天 ⋅ 0

如何成为技术专家

文章来源于 -- 时间的朋友 拥有良好的心态。首先要有空杯心态,用欣赏的眼光发现并学习别人的长处,包括但不限于工具的使用,工作方法,解决问题以及规划未来的能力等。向别人学习的同时要注...

长安一梦 ⋅ 昨天 ⋅ 0

Linux vmstat命令实战详解

vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令...

刘祖鹏 ⋅ 昨天 ⋅ 0

MySQL

查看表相关命令 - 查看表结构    desc 表名- 查看生成表的SQL    show create table 表名- 查看索引    show index from  表名 使用索引和不使用索引 由于索引是专门用于加...

stars永恒 ⋅ 昨天 ⋅ 0

easyui学习笔记

EasyUI常用控件禁用方法 combobox $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox $("#id").attr("readonly", true); ----- $("#id").r......

miaojiangmin ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部