前端之js-知识点
来源:互联网 发布:mysql怎么快速替换东西 编辑:程序博客网 时间:2024/06/05 22:37
clientWidth是对象看到的宽度(不含边线,即border)scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离)。offsetWidth是指对象自身的宽度,整型,单位像素(含边线,如滚动条的占用的宽,值会随着内容的输入而不断改变)。scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置易混淆点:clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。 x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标(亦即相对于当前窗口)。 y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标(亦即相对于当前窗口)。document.documentElement.scrollTop 垂直方向滚动的值event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量以上主要指IE之中,FireFox差异如下:IE6.0、FF1.06+:clientWidth = width + paddingclientHeight = height + paddingoffsetWidth = width + padding + borderoffsetHeight = height + padding + borderIE5.0/5.5:clientWidth = width - borderclientHeight = height - borderoffsetWidth = widthoffsetHeight = height(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft;网页正文部分上: window.screenTop;网页正文部分左: window.screenLeft;屏幕分辨率的高: window.screen.height;屏幕分辨率的宽: window.screen.width;屏幕可用工作区高度: window.screen.availHeight;屏幕可用工作区宽度:window.screen.availWidth;let const var 区别const定义的变量不可以修改,而且必须初始化var定义的变量可以修改,如果不初始化会输出undefined,不会报错let是块级作用域,函数内部使用let定义后,对函数外部无影响
阅读全文
0 0
- 前端之js-知识点
- 前端知识点总结(js)
- 前端之android打包知识点
- 【前端知识点】js原型继承方式详解
- js之前端表达式
- 前端之js-call
- 前端之js-ES6
- 前端之js-openlayers4
- 前端之js-方法
- 前端之js-nodejs
- 前端之js-three
- 前端之js-openlayers
- 前端之js总结
- 前端之js d3
- 前端之js跨域
- 前端知识点
- 前端知识点
- 前端知识点
- C#在一个form中改变另一个form中控件的内容、C#做登录界面并且密码显示为*
- 从HTTP到HTTPS再到HSTS
- 跨服务器数据拉取
- adb基本命令:
- 白化处理总结及python实现
- 前端之js-知识点
- 详解Python中的相对导入和绝对导入
- 使用Android studio 查看其它app的布局的结构
- JAVA中使用FTPClient工具类上传下载
- 执行adb命令无反应
- 51 Job招聘数据分析与可视化
- 关于SpringBoot框架下的service层单元测试问题(mockito)
- hibernate--组件映射
- mat 2 png