文档宽高和窗口事件
来源:互联网 发布:阿里云网络电视说明书 编辑:程序博客网 时间:2024/05/21 13:56
1.clientHeight[width] : 可视区宽高
alert(document.documentElement.clientHeight)
2 scrollTop[left] : 滚动条滚动的距离,存在兼容性问题,在ff,ie下认为滚动条是在documentElement元素上,而chrome则认为存在body上
//解决兼容性问题var scroll = document.documentElement.scrollTop || document.body.scrollTop;
3.scrollHeight[width] : 内容的宽高
html部分
<div id="div1" style="width:100px;height:100px;border: 1px solid red;padding:10px;"> <div id="div2" style="width:100px;height:200px;background:green"></div></div>
内容高其实就是div1的高度+溢出部分的高度 –>210,如果给div1加上一个overflow:hidden,ff、ie还是为210,但chrome则为220,多一个padding
4.offsetHeight[width] : 文档的宽高
alert(document.documentElement.offsetHeight) //在body去掉默认样式的情况下也可写成下面这样 alert(document.body.offsetHeight)
5.onscroll : 当滚动条滚动时触发,在一定的时间内触发一次,而不是每滚动多少距离触发一次
var i = 0;window.onscroll = function(){ document.title = i++;}
6.onresize : 当窗口大小发生变化时触发
var j = 0; window.onresize = function(){ document.title = j++;}
0 0
- 文档宽高和窗口事件
- JavaScript触发文档事件和窗口事件
- 页面初始化获取div高和宽、窗口变化事件
- 第2课 07 JS中级课程-文档宽高及窗口事件-7
- 窗口、文档、视图、元素各种宽高
- 窗口宽高和坐标
- 使用jQuery获取窗口高和宽
- JQuery获取浏览器窗口宽高,文档宽高的代码
- 获取窗口高宽
- 获取窗口宽高
- 框架窗口、文档和视图
- 设置窗口和文档标题
- 6框架、文档和窗口
- 底部自适应文档和窗口
- 在javascript中得到当前窗口的高和宽
- javascript中得到当前窗口的高和宽
- 如何用JAVASCRIPT获取当前窗口的高和宽
- 在javascript中得到当前窗口的高和宽
- vb.net 广播只有本机能收 Socket 客户端不能收 win8
- 精度问题
- 类和对象, 实例变量可见度, 自定义初始化
- sphinx 配置
- HDU 3605 Escape【最大流】
- 文档宽高和窗口事件
- 2015年ALPC暑期专题练习I (计算几何) B
- codevs1040
- 《SICP•2.1 数据抽象简介》
- boost Data & Time 笔记
- codeblocks快捷键(转载)
- iis站点获取时间日期问题
- foobar 解决dts和sacd的问题
- POJ-2739 Sum of Consecutive Prime Numbers