`
liubin127
  • 浏览: 20591 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

获取页面实际大小

 
阅读更多
//获取页面实际大小
function getPageSize(){
var xScroll,yScroll;
if (window.innerHeight && window.scrollMaxY){
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){
sScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else {
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth,windowHeight;
//var pageHeight,pageWidth;
if (self.innerHeight) {
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement &&  document.documentElement.clientHeight) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
var pageWidth,pageHeight
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
if(xScroll < windowWidth) {
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
分享到:
评论

相关推荐

    js判断图片加载完成后获取图片实际宽高的方法

    因为`Image`对象的`onload`事件会在图片加载完成后触发,所以这个时候获取的`width`和`height`就是图片的实际尺寸。这种方式尤其适用于图片被`&lt;img&gt;`标签的CSS样式修改过尺寸的情况。 需要注意的是,在上述方法中,...

    获取页面元素实际宽高的属性的使用

    ### 获取页面元素实际宽高的属性使用详解 在前端开发中,了解如何准确地获取页面元素的实际宽高是非常重要的。这不仅有助于我们优化页面布局,还能提高用户体验。本文将详细介绍`clientWidth`、`clientHeight`、`...

    js获取网页宽高

    浏览器窗口是用户在屏幕上看到的部分,包括工具栏、地址栏等,而文档尺寸则是网页内容的实际大小。 1. 获取浏览器窗口宽高: - `window.innerWidth` 和 `window.innerHeight` 属性可以分别获取浏览器窗口的宽度和...

    android获取网页内容

    在Android平台上,获取网页内容是常见的任务,常用于网络数据的抓取、解析或展示。这一过程涉及到多个关键知识点,包括网络请求库的使用、HTML解析以及数据处理。以下将详细讲解这些步骤。 首先,我们需要一个网络...

    javascript获取页面各种高度

    在JavaScript编程语言中,开发者经常需要获取与网页和屏幕尺寸相关的数据,比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...

    Javascript获取页面、屏幕尺寸大小参数.

    在JavaScript编程中,获取页面和屏幕尺寸大小是前端开发中常见的需求之一,这涉及到一系列的属性和方法,用于测量浏览器窗口、文档元素以及设备屏幕的大小。以下将详细解析如何利用JavaScript来获取这些参数,包括...

    JS获取文件大小方法小结

    在网页交互中,有时我们需要获取用户选择的文件的大小,以便进行一些验证或处理。本文将介绍几种JavaScript获取文件大小的方法。 首先,我们来看方法一,使用ActiveX控件。这种方法适用于Internet Explorer浏览器,...

    JavaScript 获取浏览器的显示区域大小信息

    在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器显示区域的相关尺寸信息。 #### 一、关键概念...

    js获取屏幕分辨率的方法

    本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的自适应窗口大小。 #### 屏幕分辨率基础知识 屏幕分辨率指的是屏幕上显示的像素数量,通常以“宽度x高度”的格式表示...

    在图片加载完毕前js获取图片长宽尺寸

    目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...

    Android如何获得网络资源的大小

    本文将详细介绍如何在Android应用程序中获取网络资源的实际大小。 #### 一、使用`HttpURLConnection`获取资源大小 在Android中,最常用的方法之一是通过`HttpURLConnection`来获取远程资源的信息。下面是一个具体...

    Android源码之用HttpClient获取网页

    在Android开发中,有时我们需要从网络获取数据,例如网页内容,这时就涉及到网络编程。本篇文章将深入探讨如何在Android源码中使用HttpClient库来获取网页。HttpClient是Apache的一个开源项目,提供了强大的HTTP...

    js+ajax实现获取文件大小的方法.docx

    AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在这里,我们利用 AJAX 向后台发送请求,将文件信息传递给服务器,由...

    获取对应打印机纸张长宽的C#类

    本项目“获取对应打印机纸张长宽的C#类”是专门为开发者设计的一个实用工具,它允许程序获取打印机支持的纸张尺寸,以便在打印过程中进行精确的页面布局。这个类库适用于Visual Studio 2012开发环境,且已编译为.NET...

    asp获取图片大小

    在ASP(Active Server Pages)中,获取图片大小通常是指获取图片文件在存储时的字节数,也就是文件的大小,而不是图像的像素尺寸。要实现这个功能,我们需要使用内置的对象和函数来读取并处理文件。以下是关于如何...

    javascript获得网页窗口实际大小的示例代码.docx

    ### JavaScript 获取网页窗口实际大小知识点解析 #### 一、引言 在Web开发过程中,获取浏览器窗口的实际尺寸是一项常见的需求。这有助于实现响应式布局、动态调整页面元素大小等功能。JavaScript 提供了多种方法来...

    关于获取各种浏览器可见窗口大小

    在前端开发中,经常需要获取浏览器的可见窗口大小以及其他相关信息,以便能够根据不同的设备和浏览器环境来优化网页布局与用户体验。本文将详细解析如何通过JavaScript来获取不同浏览器下的窗口尺寸,并探讨一些特殊...

    javascript获取网页高度宽度.rar

    在JavaScript编程语言中,获取网页的高度和宽度是常见的需求,特别是在动态布局、页面滚动或响应式设计中。本文将深入探讨如何使用JavaScript有效地获取这些信息,并结合实际应用场景进行讲解。 一、窗口对象...

    Asp获取文件大小 类型信息

    在ASP(Active Server Pages)开发中,获取文件的大小、类型和创建时间是常见的需求,这对于网站内容管理、文件操作和日志记录等场景尤为重要。本文将详细讲解如何使用ASP来实现这些功能,并探讨如何获取指定文件夹...

Global site tag (gtag.js) - Google Analytics