分享:得到窗口尺寸、偏移坐标代码
使用javascript创建的动态页面时,经常需要得到窗口的大小、偏移坐标。例如,点一个按钮后,在窗口中间展示一幅图片,需要用到页面尺寸和偏移坐标;或创建一个大小与整个页面一样的模态背景层,覆盖当前页面,以便显示一个对话框窗口,此时需要得到页面的实际尺寸。虽然通过:screen.width, screen.height能得到显示器的屏幕尺寸,但是屏幕尺寸与页面尺寸往往是不一致的。
通过学习lightbox的代码,我从中分离修改了一部分代码,能够得到页面窗口的显示尺寸,滚动尺寸和滚动偏移坐标。
在此与大家共享这段代码,希望能够给你一点帮助。
测试:IE6,IE7,Firefox 2,Opera
使用:
1. 下载utility.zip附件
2. 解压后可以得到utility.js, 在页面中包含脚本文件:utility.js
3. 在程序中,根据需要调用对应函数即可,如:
得到页面宽度:Utility.getWidowWidth()
得到页面高度:Utility.getWidowHeight()
说明:在代码中包含每个函数的功能说明,我想大家看一下就会明白了
utility.zip
(1.33 KB)