标题:分享:得到窗口尺寸、偏移坐标代码
只看楼主
kingyar
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2008-4-26
 问题点数:0 回复次数:6 
分享:得到窗口尺寸、偏移坐标代码
使用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)
搜索更多相关主题的帖子: 坐标 尺寸 窗口 偏移 代码 
2008-04-27 13:29
kingyar
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2008-4-26
得分:0 
上面的代码压缩包有点问题:原来文件的字符集是utf-8,但后来为了使用一个压缩工具做代码压缩,将文件的字符集改为了ascii。今天发布的时候在这个文件里面添加了中文注释,结果刚才发现添加了中文后会出现问题。

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

由此带来不便,请谅。

utility.zip (1.79 KB)
2008-04-27 21:06
ilmj8426
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2008-4-30
得分:0 
谢谢楼主分享  这样的贴子真的是太好啦!
2008-04-30 12:05
jingyu23
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2008-7-1
得分:0 
呵呵,正在寻找中
2008-07-01 11:05
chenbaichao
Rank: 2
等 级:论坛游民
帖 子:152
专家分:20
注 册:2006-4-11
得分:0 
回复 2# kingyar 的帖子
谢谢楼主

2008-07-02 15:05
gllhde
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2008-11-19
得分:0 
阿斯顿发生的发是放大
2008-11-19 14:03



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-211321-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.531767 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved