function ___getPageSize() {
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = window.innerWidth + window.scrollMaxX;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
if(document.documentElement.clientWidth){
windowWidth = document.documentElement.clientWidth;
} else {
windowWidth = self.innerWidth;
}
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
return arrayPageSize;
};
分享到:
相关推荐
本篇文章将详细介绍如何使用 jQuery 获取浏览器窗口的宽度和高度,并对比不同方法的使用效果。 首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在...
这段代码会在页面加载完成后立即执行,打印出当前浏览器窗口的屏幕高度和宽度。`$(document).ready()`确保在执行任何操作前,HTML文档已经完全加载完毕。 如果你在`demo`文件中找到了示例代码,你可以打开浏览器的...
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...
本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...
例如,可以使用`$(window).width()`获取当前窗口宽度,再根据图片的原始宽高比调整其高度。 5. **动画效果**: - jQuery提供了丰富的动画效果,如`.fadeIn()`和`.fadeOut()`,可以用来创建平滑的图片切换效果。...
2. 自动适应布局:插件会根据窗口宽度自动调整页面元素的布局,例如,隐藏或显示某些元素,改变导航栏的样式,或者调整网格系统的列数。 3. 断点管理:开发者可以设置多个断点,当窗口宽度达到某个断点时,插件会...
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...
在网页开发中,有时我们需要获取用户的屏幕或者浏览器窗口的高度和宽度来实现自适应布局或者特定的交互效果。jQuery提供了一套简洁的API来帮助我们轻松地获取这些信息。以下是对标题"JQuery获取当前屏幕的高度宽度的...
在jQuery中,我们可以通过获取父容器的宽度和高度,然后根据文本内容的数量来计算合适的字体大小,以确保文字能够在容器内完整显示且不换行。 在提供的压缩包中,我们可以看到以下几个关键文件: 1. **index.html*...
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
本文将详细介绍使用jQuery获取页面和元素高度、宽度的各种方法,以及它们的使用场景和注意事项。 首先,获取浏览器窗口可视区域的尺寸是常用的操作。这可以帮助我们了解浏览器提供的可视空间,以便在页面布局中做出...
以上介绍了两种使用 jQuery 获取页面高度和宽度的方法。需要注意的是,随着浏览器的发展和 jQuery 的更新,某些属性(如 $.browser)已经不再推荐使用。对于现代浏览器环境,推荐直接使用 `window.innerHeight` 和 `...
如果一级菜单包含浮动元素(如子菜单),我们还需要确保它们的总宽度不超过当前窗口宽度,以防止溢出。 在实现过程中,我们还需要考虑浏览器的兼容性和性能优化。为了确保在不同浏览器上的表现一致,我们需要测试在...
这里的关键是获取窗口的宽度,然后根据窗口宽度设置图片的宽度。以下是一个简单的示例: ```javascript $(document).ready(function() { // 当文档加载完成后执行 adjustImageWidth(); // 监听窗口大小变化事件...
在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...
此外,当我们讨论获取窗口内容部分的高度时,通常还会涉及到窗口宽度。与高度类似,我们也可以使用$(window).width()来获取视口的宽度。有时候,为了实现响应式设计,我们需要根据视口大小来调整布局,这在现代前端...