区分总结innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性
2024-10-13 01:15:46
window对象:
(1)innerHeight属性:窗口中文档显示区域的高度,不包括菜单栏、工具栏等部分。该属性可读可写。
IE不支持该属性,IE中body元素的clientHeight属性与该属性相同。
(2)innerWidth属性:窗口中文档显示区域的宽度,同样不包括边框。该属性可读可写。
IE不支持该属性,IE中body元素的clientWidth属性与该属性相同。
clientHeight与clientWidth属性是只读的。
另外,IE不支持outerWidth、outerHeight属性。
(3)pageXOffset属性:整数只读属性,表示文档向右滚动过的像素数。
IE不支持该属性,使用body元素的scrollLeft属性替代。
(4)pageYOffset属性:整数只读属性,表示文档向下滚动过的像素数。
IE不支持该属性,使用body元素的scrollTop属性替代。
兼容IE与DOM浏览器,如何获取窗口中文档显示区域的宽度及高度,使用?:条件语句,如下:
windows.innerWidth ? windows.innerWidth : document.body.clientWidth;
windows.innerHeight ? windows.innerHeight : document.body.clientHeight;
元素对象:
offsetLeft、offsetTop属性:获取元素相对于文档左上角的坐标位置。
最新文章
- linux下动态链接库解决方案(二)
- Android LayoutInflater原理分析,带你一步步深入了解View(一)
- 将RichTextBox的内容直接写入数据库:
- DruidDataSource配置属性列表
- Apache Jena - A Bootstrap
- POJ 3255 Roadblocks --次短路径
- [LeetCode] 306. Additive Number [Medium]
- 关于ios的autoLayout的一些简单介绍以及使用方法
- 杭电20题 Human Gene Functions
- windows下安装mongodb以及node.js连接mongodb
- 201521123033《Java程序设计》第3周学习总结
- 基于Python实现matplotlib中动态更新图片(交互式绘图)
- lodash源码分析之chunk的尺与刀
- JAVA之旅(二十九)——文件递归,File结束练习,Properties,Properties存取配置文件,load,Properties的小练习
- 前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新
- 傅里叶变换及其应用讲义(stanford_ee261)
- [JS]js中判断变量类型函数typeof的用法汇总[转]
- Sublime Text 3 Mac常用快捷键与注意事项
- git多人协作式开发时分支管理策略
- Impala系列: Impala常用的功能函数
热门文章
- poj 1115 Lifting the Stone 计算多边形的中心
- 手持PDA智能条码扫描RFID打印POS机
- 大牛之路II
- http://jingyan.baidu.com/article/bad08e1ee14ae409c85121cf.html
- jQuery对表单、表格的操作及更多应用(上:表单应用)
- 状压DP POJ 3254 Corn Fields
- html简单框架网页制作
- HDU 3853(期望DP)
- c/c++ 关于swap的不同写法
- Codeforces Round #195 (Div. 2) D题Vasily the Bear and Beautiful Strings