编程中国 | 业界新闻 | 技术文章 | 视频教程 | 下载频道 | 程序源码 | 个人空间 | 编程论坛  
全能 ASP / PHP / ASP.NET 主机,支持月付专业 MSSQL 数据库空间,支持月付专业 MySQL 数据库空间,支持月付学习型 ASP/PHP/ASP.NET 主机 30元/年
发新话题
打印

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

本主题由 lmhllr 于 2008-4-27 19:44 审核通过

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

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

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

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

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

测试:IE6,IE7,Firefox 2,Opera
使用:
1. 下载utility.zip附件
2. 解压后可以得到utility.js, 在页面中包含脚本文件:utility.js
3. 在程序中,根据需要调用对应函数即可,如:
    得到页面宽度:Utility.getWidowWidth()
    得到页面高度:Utility.getWidowHeight()    
说明:在代码中包含每个函数的功能说明,我想大家看一下就会明白了
附件: 只有本站会员才能下载或查看附件,请您 登录注册

TOP

上面的代码压缩包有点问题:原来文件的字符集是utf-8,但后来为了使用一个压缩工具做代码压缩,将文件的字符集改为了ascii。今天发布的时候在这个文件里面添加了中文注释,结果刚才发现添加了中文后会出现问题。

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

由此带来不便,请谅。
附件: 只有本站会员才能下载或查看附件,请您 登录注册

TOP

谢谢楼主分享  这样的贴子真的是太好啦!

TOP

呵呵,正在寻找中

TOP

回复 2# kingyar 的帖子

谢谢楼主

TOP

发新话题