分享:得到窗口尺寸、偏移坐标代码
使用javascript创建的动态页面时,经常需要得到窗口的大小、偏移坐标。例如,点一个按钮后,在窗口中间展示一幅图片,需要用到页面尺寸和偏移坐标;或创建一个大小与整个页面一样的模态背景层,覆盖当前页面,以便显示一个对话框窗口,此时需要得到页面的实际尺寸。虽然通过:screen.width, screen.height能得到显示器的屏幕尺寸,但是屏幕尺寸与页面尺寸往往是不一致的。
通过学习lightbox的代码,我从中分离修改了一部分代码,能够得到页面窗口的显示尺寸,滚动尺寸和滚动偏移坐标。
在此与大家共享这段代码,希望能够给你一点帮助。
测试:IE6,IE7,Firefox 2,Opera
使用:
1. 下载utility.zip附件
2. 解压后可以得到utility.js, 在页面中包含脚本文件:utility.js
3. 在程序中,根据需要调用对应函数即可,如:
得到页面宽度:Utility.getWidowWidth()
得到页面高度:Utility.getWidowHeight()
说明:在代码中包含每个函数的功能说明,我想大家看一下就会明白了 上面的代码压缩包有点问题:原来文件的字符集是utf-8,但后来为了使用一个压缩工具做代码压缩,将文件的字符集改为了ascii。今天发布的时候在这个文件里面添加了中文注释,结果刚才发现添加了中文后会出现问题。
现在我将字符集改回utf-8,并包含了一个简单的测试页面。
由此带来不便,请谅。 谢谢楼主分享 这样的贴子真的是太好啦! 呵呵,正在寻找中
回复 2# kingyar 的帖子
谢谢楼主页:
[1]
