Javascript获取浏览器窗口大小 - Javascript 获取 浏览器 窗口 大小 JavaScript - 编程 学院 PHP开源 网窝设计BY WWW.WEBWOO.NET - 网窝网
来源:互联网 发布:java jsonarray 添加 编辑:程序博客网 时间:2024/04/30 20:14
导读:
网窝网版权所有webwoo.net!这里可以修改成你网站的信息 作者:不详 文章来源:互联网
网窝网版权所有webwoo.net!这里可以修改成你网站的信息 在AJAX的运用中,我们可能会经常遇到这样的情况。要动态的创建以个层,而且必须在浏览器的最中央。不管浏览器是否是最大化。这时候我们就必须用到windows和document的几个属性。以下的函数将返回一个包含浏览器的大小和滚动条位置的一个数组。
var getWindowInfo=function()
{
var scrollX=0,scrollY=0,width=0,height=0,contentWidth=0,contentHeight=0;
if(typeof(window.pageXOffset)=='number')
{
scrollX=window.pageXOffset;
scrollY=window.pageYOffset;
}
else if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
{
scrollX=document.body.scrollLeft;
scrollY=document.body.scrollTop;
}
else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
{scrollX=document.documentElement.scrollLeft;
scrollY=document.documentElement.scrollTop;
}
if(typeof(window.innerWidth)=='number')
{width=window.innerWidth;
height=window.innerHeight;
}
else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
{
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
else if(document.body&&(document.body.clientWidth||document.body.clientHeight))
{width=document.body.clientWidth;
height=document.body.clientHeight;
}
if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight)){
if(document.documentElement.scrollHeight>document.documentElement.offsetHeight){
contentWidth=document.documentElement.scrollWidth;
contentHeight=document.documentElement.scrollHeight;
}
else
{contentWidth=document.documentElement.offsetWidth;
contentHeight=document.documentElement.offsetHeight;
}}
else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
{if(document.body.scrollHeight>document.body.offsetHeight)
{contentWidth=document.body.scrollWidth;
contentHeight=document.body.scrollHeight;
}else{
contentWidth=document.body.offsetWidth;
contentHeight=document.body.offsetHeight;
}
}else
{contentWidth=width;
contentHeight=height;
}
if(height>contentHeight)
height=contentHeight;
if(width>contentWidth)
width=contentWidth;
var rect=new Object();
rect.ScrollX=scrollX;
rect.ScrollY=scrollY;
rect.Width=width;
rect.Height=height;
rect.ContentWidth=contentWidth;
rect.ContentHeight=contentHeight;
return rect;
}
本文转自
http://www.webwoo.net/bc/bencandy-14-14627-1.htm
网窝网版权所有webwoo.net!这里可以修改成你网站的信息 作者:不详 文章来源:互联网
网窝网版权所有webwoo.net!这里可以修改成你网站的信息 在AJAX的运用中,我们可能会经常遇到这样的情况。要动态的创建以个层,而且必须在浏览器的最中央。不管浏览器是否是最大化。这时候我们就必须用到windows和document的几个属性。以下的函数将返回一个包含浏览器的大小和滚动条位置的一个数组。
var getWindowInfo=function()
{
var scrollX=0,scrollY=0,width=0,height=0,contentWidth=0,contentHeight=0;
if(typeof(window.pageXOffset)=='number')
{
scrollX=window.pageXOffset;
scrollY=window.pageYOffset;
}
else if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
{
scrollX=document.body.scrollLeft;
scrollY=document.body.scrollTop;
}
else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
{scrollX=document.documentElement.scrollLeft;
scrollY=document.documentElement.scrollTop;
}
if(typeof(window.innerWidth)=='number')
{width=window.innerWidth;
height=window.innerHeight;
}
else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
{
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
else if(document.body&&(document.body.clientWidth||document.body.clientHeight))
{width=document.body.clientWidth;
height=document.body.clientHeight;
}
if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight)){
if(document.documentElement.scrollHeight>document.documentElement.offsetHeight){
contentWidth=document.documentElement.scrollWidth;
contentHeight=document.documentElement.scrollHeight;
}
else
{contentWidth=document.documentElement.offsetWidth;
contentHeight=document.documentElement.offsetHeight;
}}
else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
{if(document.body.scrollHeight>document.body.offsetHeight)
{contentWidth=document.body.scrollWidth;
contentHeight=document.body.scrollHeight;
}else{
contentWidth=document.body.offsetWidth;
contentHeight=document.body.offsetHeight;
}
}else
{contentWidth=width;
contentHeight=height;
}
if(height>contentHeight)
height=contentHeight;
if(width>contentWidth)
width=contentWidth;
var rect=new Object();
rect.ScrollX=scrollX;
rect.ScrollY=scrollY;
rect.Width=width;
rect.Height=height;
rect.ContentWidth=contentWidth;
rect.ContentHeight=contentHeight;
return rect;
}
本文转自
http://www.webwoo.net/bc/bencandy-14-14627-1.htm
- Javascript获取浏览器窗口大小 - Javascript 获取 浏览器 窗口 大小 JavaScript - 编程 学院 PHP开源 网窝设计BY WWW.WEBWOO.NET - 网窝网
- Javascript获取浏览器窗口大小(转)
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- JavaScript 获取浏览器窗口的大小
- JavaScript 获取浏览器窗口的大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- javaScript获取浏览器窗口可视区域大小
- Javascript获取屏幕分辨率、当前浏览器窗口大小
- javascript 获取窗口大小
- javascript 获取窗口大小
- JavaScript获取窗口大小
- Javascript获取各种浏览器可见窗口大小 【转】
- Javascript获取获取屏幕、浏览器窗口 ,浏览器,网页高度、宽度的大小
- Javascript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JavaScript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- javascript 获取窗口大小 Ajax__
- asp.net控件开发基础(16) --------服务器模板控件
- /proc内核目录
- MySQL 之间导入数据 mysqldump工具
- 电子围栏模拟
- Ask Tom之中英文对照20051228——PL/SQL函数返回CLOB类型值
- Javascript获取浏览器窗口大小 - Javascript 获取 浏览器 窗口 大小 JavaScript - 编程 学院 PHP开源 网窝设计BY WWW.WEBWOO.NET - 网窝网
- IList转DataSet(支持Nullable)
- Login VC++ 使用ADO实例
- POJO
- .bashrc和profile的异同
- 在一个存储过程中调用返回一个游标的另一个存储过程
- 得到数据库中所有的表以及表字段
- 如何配置驱动程序开发环境
- Hibernate的lazy问题