clientHeight/clientWidth的使用

最新推荐文章于 2023-01-06 20:17:08 发布
最新推荐文章于 2023-01-06 20:17:08 发布
阅读量941 收藏
点赞数
文章标签： css ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phinix_c/article/details/2180020
版权
 在CSS中定义max/min width/height时，常见的用法如下：
min-width:50px;  /*FF*/
width:expression(document.body.clientWidth<50?"50px":"auto");  /*IE*/

对其中的clientWidth(clientHeight类似)解释如下：
只读属性，返回content和padding的width
语法：
document.getElementById("elementID").clientWidth;
document.all.elementID.clientWidth;  //IE only


phinix_c
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
clientHeight offsetHeight scrollHeight clientWidth详解
07-21
clientHeight offsetHeight scrollHeight clientWidth详解
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
10-15
1. `clientWidth`和`clientHeight`： - `clientWidth`表示一个元素内容区域的宽度，不包括滚动条、边框，但包括内边距（padding）。它等于元素的宽度加上左右内边距。 - `clientHeight`类似，表示内容区域的高度，...
document.body.clientHeight 取高度出错问题
yaoyanzhu的博客
05-08 1575
  有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720. 可是在XHTML中, 如果body 体中只有一行, 则docu...
Element.clientWidth属性
Hiroshi's
03-19 609
内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。 intElemClientWidth 是一个整数，表示元素的 clientWidth。clientWidth 是一个只读属性。 ...
vue.js获取屏幕高度clientHeight设置充满屏幕引导页
jerrica的博客
06-12 5万+
实现效果：方法：html:JS：&lt;script&gt; export default { data(){ return { clientHeight:'', } }, mounted(){ // 获取浏览器可视区域高度 this.clientHeight = `${document.documen...
js中clientHeight,clientWidth,clientLeft,clientTop的使用【学习笔记】
m0_56132701的博客
01-06 699
element.clientLeft属性等于元素节点左边框的宽度，element.clientTop属性等于网页元素顶部边框的宽度，单位为像素。这两个属性都包括滚动条的宽度，但是不包括margin和padding值，不过几乎不会出现左侧和顶部滚动条的情况。element.clientHeight属性返回元素节点可见部分的高度，element.clientWidth属性返回元素节点可见部分的宽度。这两个属性包含元素的padding值，但是不包含元素的margin值、边框以及滚动条。
clientWidth与clientHeight，offsetWidth与offsetHeight
Always-Learning
11-28 423
clientWidth与clientHeight 返回值 返回的是元素的content + padding的部分 这两个属性都是只读的，不能进行修改，假如你给clientWidth进行赋值，是不起作用的。 offsetWidth与offsetHeight 返回值 包括content + padding + border ...
clientHeight
04-08
四种浏览器对_clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth_和_scrollWidth_的解
分析clientHeight、offsetHeight、scrollHeight
03-16
在网页开发中，理解和使用`clientHeight`、`offsetHeight`和`scrollHeight`这三个属性是至关重要的。它们都是JavaScript中用于获取元素尺寸的方法，但各有其特定的用途和应用场景。 首先，`clientHeight`属性返回一...
doctype后如何获得body.clientHeight的方法
12-02
在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,offsetWidth, offsetHeight,scrollWidth, scrollHeight,scrollTop, scrollLeft会返回不正确的值。 因为在加了doctype后，在ie6中...
clientWidth--用法
weixin_33735077的博客
12-09 615
<!DOCTYPE html> <html> <head> <title></title> <meta charset='utf-8'/> <style type="text/css"> *{ margin: 0; padding:...
问题:w3c中clientheight的用法?
kbx8916的博客
08-11 646
问题:w3c中clientheight的用法?
我用到的clientHeight等属性
xiongzhengxiang的专栏
05-09 1359
弹出浮动层，让起居于浏览器底部是需求中，我用到的各种height有： 1  浏览器可见区域高度：document.documentElement.clientHeight;    ***document.body.clientHeight*** 是整个页面内容的高度，而非浏览器可见区域的高度 2 滚动条已滚动的高度：document.documentElement.scrollTop;
clientWidth、offsetWidth 等区别
FireBird_one的博客
03-01 546
网页可见区域宽：document.documentElement.clientWidth网页可见区域高：document.documentElement.clientHeight网页可见内容区域宽：document.body.clientWidth网页可见内容区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的...
JS中的位置和宽度：clientWidth、offsetWidth、scrollWidth等区别
热门推荐
qq_42089654的博客
05-30 12万+
首先定义一个div。 然后稍微装修一下 下面开始区分 一、clientWidth和clientHeigh 、 clientTop和clientLeft 1，clientWidth的实际宽度 clientWidth =width+左右padding 2，clientHeigh的实际高度 clien...
图解clientWidth,offsetWidth,scrollWidth
weixin_45645373的博客
08-23 270
关于clientWidth,offsetWidth,scrollWidth的文章很多，但我一直不太注意他们的区别，这里贴上自己尝试的图和一些文字说明帮助大家比较直观的看到他们的区别 clientWidth clientWidth/clientHeight就是一个盒模型的content区域的宽/高以及padding的宽/高相加的值 这是一个黑div，给他设置了width:300px;height:200px; 控制台打印client clientTop/clientLeft client家族的另外两个成员
canvas 让你呼风唤雨，下雨下雪效果
小北哥哥和北妈
05-18 2万+
前端如何呼风唤雨 创世纪第一章 首卷原文 起初我创造了canvas 。 我说,要有雨,就有了雨； 我说,要有雪,就有了雪。 而对于前端来说，canvas即是天地 在canvas这个天地上，前端可以呼风唤雨，无所不能。 ------------------------------------华丽的分割线-----------
var docWidth = document.body.clientWidth//网页可见宽 var docHeight = document.body.clientHeight//网页可见高，把这段代码改成元素宽高
最新发布
05-31
注意，使用clientWidth和clientHeight获取的是元素可见区域的宽度和高度，不包括元素的边框和滚动条占用的空间。如果需要包括元素的边框和滚动条占用的空间，可以使用offsetWidth和offsetHeight属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值