alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true
));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true
));//浏览器当前窗口文档body的总宽度 包括border padding margin
// 获取页面的高度、宽度
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;
}
// 滚动条
document.body.scrollTop;
$(document).scrollTop();
相关推荐
NULL 博文链接：https://onestopweb.iteye.com/blog/2258477
JS,Jquery获取各种屏幕的宽度和高度。
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,需要的朋友可以参考下
介绍了JS和jquery获取各种屏幕的宽度和高度的代码，有需要的朋友可以参考一下
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！ 另外一种就是在手机页面上，在新闻页插入的图片往往都...
1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字...
默认是屏幕居中的，但是当页面出现滚动条时，dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，这不人性化，在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器...
原理很简单： 获取当前屏幕（窗体）的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢？这个时候就要获取当前窗体距离页面顶部的高度...
利用CSS3 Media Queries，该站点可根据浏览器的宽度在iPhone和iPad布局之间切换。 使用最小的javascript框架，并且包括对IE9中所有浏览器的支持。灵感我一直讨厌App Store在网络上的外观。 因此，我想尝试将App ...
这个文档中的话题与解决方案， 几乎全部来自 UniGUI 的交流群， 群中活跃的 BDS2007、 cmj 等人，给了众多使用 UniGUI 的人很多帮助。 这个文档， 主要是学习与方便后来之人， 文档积累的起因是严肃而正式的， 因为...