注册 登录
编程论坛 JavaScript论坛

分享:得到窗口尺寸、偏移坐标代码

kingyar 发布于 2008-04-27 13:29, 3418 次点击
使用javascript创建的动态页面时,经常需要得到窗口的大小、偏移坐标。例如,点一个按钮后,在窗口中间展示一幅图片,需要用到页面尺寸和偏移坐标;或创建一个大小与整个页面一样的模态背景层,覆盖当前页面,以便显示一个对话框窗口,此时需要得到页面的实际尺寸。

虽然通过:screen.width, screen.height能得到显示器的屏幕尺寸,但是屏幕尺寸与页面尺寸往往是不一致的。

通过学习lightbox的代码,我从中分离修改了一部分代码,能够得到页面窗口的显示尺寸,滚动尺寸和滚动偏移坐标。

在此与大家共享这段代码,希望能够给你一点帮助。

测试:IE6,IE7,Firefox 2,Opera
使用:
1. 下载utility.zip附件
2. 解压后可以得到utility.js, 在页面中包含脚本文件:utility.js
3. 在程序中,根据需要调用对应函数即可,如:
    得到页面宽度:Utility.getWidowWidth()
    得到页面高度:Utility.getWidowHeight()    
说明:在代码中包含每个函数的功能说明,我想大家看一下就会明白了
6 回复
#2
kingyar2008-04-27 21:06
上面的代码压缩包有点问题:原来文件的字符集是utf-8,但后来为了使用一个压缩工具做代码压缩,将文件的字符集改为了ascii。今天发布的时候在这个文件里面添加了中文注释,结果刚才发现添加了中文后会出现问题。

现在我将字符集改回utf-8,并包含了一个简单的测试页面。

由此带来不便,请谅。
#3
ilmj84262008-04-30 12:05
谢谢楼主分享  这样的贴子真的是太好啦!
#4
jingyu232008-07-01 11:05
呵呵,正在寻找中
#5
chenbaichao2008-07-02 15:05
回复 2# kingyar 的帖子
谢谢楼主
#6
gllhde2008-11-19 14:03
阿斯顿发生的发是放大
1