jQuery 获取屏幕高度、宽度
来源:互联网 发布:linux 查看主机arp 编辑:程序博客网 时间:2024/04/23 22:00
- 做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。
- 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();
0 0
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- 欢迎使用CSDN-markdown编辑器
- 0_基于c++语言的词法解释器(未经测试 尚在改进中)
- 经典fork炸弹
- 编译原理-逆波兰表达式JAVA算法
- Hello ,Mirgo!
- jQuery 获取屏幕高度、宽度
- 基于S3C2440的USB摄像头应用简单实现之应用层框架(一)
- 【项目实战】使用Spring Test+Junit4整合进行测试
- 从苏宁电器到卡巴斯基(后传)第03篇:我与鱼C论坛的是是非非
- ASN.NET连接Access数据库开发
- 使用 install.packages() 安装所需的包
- 重载
- centos7.0时间修改
- JavaWeb模拟键盘