我的页面宽度大于可见宽度,于是我做的弹出层的遮罩在拖动横轴时页面的右边部分会一览无余,感觉问题是我没有取得页面的实际宽度,于是在CSDN上查到了JS获取页面大小的各种方法,最后将获取页面的方法改成document.body.scrollWidth解决问题。
附JS获取页面大小的方法:
<script type= "text/javascript " language= "javascript ">
var s = " ";
s += "\r\n网页可见区域宽: "+ document.body.clientWidth;
s += "\r\n网页可见区域高: "+ document.body.clientHeight;
s += "\r\n网页可见区域宽: "+ document.body.offsetWidth + " (包括边线的宽) ";
s += "\r\n网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽: "+ document.body.scrollWidth;
s += "\r\n网页正文全文高: "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高: "+ document.body.scrollTop;
s += "\r\n网页被卷去的左: "+ document.body.scrollLeft;
s += "\r\n网页正文部分上: "+ window.screenTop;
s += "\r\n网页正文部分左: "+ window.screenLeft;
s += "\r\n屏幕分辨率的高: "+ window.screen.height;
s += "\r\n屏幕分辨率的宽: "+ window.screen.width;
s += "\r\n屏幕可用工作区高度: "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度: "+ window.screen.availWidth;
alert(s);
</script>
分享到:
相关推荐
Javascript获取页面、屏幕尺寸大小参数
关于获取各种浏览器可见窗口大小的一点点研究。使用javascript轻松实现日常需要的功能。
主要介绍了JS根据浏览器窗口大小实时动态改变网页文字大小的方法,涉及JavaScript针对页面宽高的动态获取与元素样式动态运算的相关技巧,需要的朋友可以参考下
主要是对JS和JQUERY获取页面大小,滚动条位置,元素位置的示例代码进行了介绍。需要的朋友可以过来参考下,希望对大家有所帮助
Javascript元素位置、大小、鼠标定位操作
1. js获取页面宽度高度及屏幕分辨率 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:...
本节代码主要使用了Document对象关于窗口的一些属性,这些属性的主要功能和用法如下。 要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性...
有时候,我们可能需要象新版的Yahoo邮箱一样,让一些数据显示块可以根据页面大小进行自适应。事实并不难,但是如果单纯用CSS控制的话,往往不能完全实现我们要的效果,这时候需要借助javascript,Javascript可以让我我们...
38、原生JavaScript获取移动设备初始化大小 39、原生JavaScript获取移动设备最大化大小 71、原生JavaScript判断是否为邮箱 72、原生JavaScript判断是否有列表中的危险字符 74、原生JavaScript判断字符串是为网址不...
38、原生JavaScript获取移动设备初始化大小 39、原生JavaScript获取移动设备最大化大小 40、原生JavaScript获取移动设备屏幕宽度 41、原生JavaScript完美判断是否为网址 42、原生JavaScript根据样式名称检索元素对象...
2. js捕获文件信息,获取文件大小,根据提前设置好的分片大小,将文件进行分片; 3. 利用后台代码(PHP)驱动上传文件分片,且需要上传分片的索引值和总分片数; 4. 后台上传代码识别到最后一个分片后,需要将已上传...
主要介绍了JavaScript简单获取页面图片原始尺寸的方法,可通过Image()对象直接获取图片的原始宽高,简单实用,需要的朋友可以参考下
最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL(b.htm),跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求,所以当传递的数据过大的时候,...
我们最常见到的带有多图的文章页面中,图的大小通常是和页面的宽度一致,这样看起来,页面就是一个直筒形,这样的布局看多了就会觉得很单调。之所以形成这样的局面,我想很大程度上是因为老式浏览器的限制。但随着...
修改页面提示信息反馈,按钮大小的修改 移动端优化,禁止用户缩放页面,禁止左右滑动 v1.2 将详情表格信息,存储到缓冲中,方便用户查看之前的提交信息 加入清除所有缓冲的按钮 并且加入了状态提示 v1.1 加入userID...
获取图片尺寸(不设置宽高)及放大图片:利用了IE的私有属性防止图片放大失真严重!感兴趣的朋友可以参考下
浏览器页面的区域大小如何获取,在本有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助