//获取页面实际大小
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;
}
分享到:
相关推荐
### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...
#### 一、IE与Firefox的JavaScript和CSS差异 在Web开发过程中,不同的浏览器对于JavaScript和CSS的支持程度各不相同,这往往导致了网页在不同浏览器下的表现差异。以下是针对Internet Explorer(简称IE)与Mozilla ...
本文将详细介绍一个JavaScript脚本,该脚本可以实现图片的放大、缩小以及拖拽功能,并且能够兼容Internet Explorer (IE) 和 Firefox 浏览器。通过这个脚本,我们可以为用户提供更加灵活的图片浏览体验。 #### 核心...
本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的自适应窗口大小。 #### 屏幕分辨率基础知识 屏幕分辨率指的是屏幕上显示的像素数量,通常以“宽度x高度”的格式表示...
由于各个浏览器对JavaScript的支持程度和实现方式有所差异,所以需要采取特定的策略来处理这些差异,以确保代码在Internet Explorer(IE)和Mozilla Firefox(FF)等浏览器上都能正常运行。以下是针对IE和FF兼容性...
对于大部分现代浏览器,如Chrome、Safari、Firefox等,可以使用`event.clientX`和`event.clientY`来获取页面坐标。这两个属性分别代表了鼠标水平和垂直方向上的距离,以像素为单位,是从浏览器窗口的左上角开始计算...
- 在Firefox中,网页被卷去的高可以通过`document.body.scrollTop`获取。 - 在IE中,应使用`document.documentElement.scrollTop`来获取相同的信息。 - `document.body.scrollLeft`:用于获取网页被卷去的左边缘...
2. **Firefox浏览器**: - 不论是否定义W3C标准,`document.body.clientWidth` 和 `document.body.clientHeight` 返回的都是文档体的尺寸。 - 而 `document.documentElement.clientWidth` 和 `document....
在这个项目中,我们讨论的是如何使用这两种语言来创建一个可拖动的弹出层,并实现兼容IE7及以上版本,包括Firefox和Chrome在内的多种浏览器的锁屏效果。这个功能在网页应用中很常见,比如在显示模态对话框或提示信息...
在任兼容ie6~ie9 firefox 谷歌”指的是一个基于jQuery实现的弹出对话框插件,它具有拖动功能,并且兼容Internet Explorer 6到9,以及Firefox和Google Chrome等现代浏览器。这个插件可能采用了jQuery的核心功能,如...
这个话题涉及到的主要技术是JavaScript,特别是如何使用JavaScript来实现跨浏览器(包括IE、Firefox和Google Chrome)的图片预览功能。下面将详细介绍这一知识点。 首先,我们需要理解浏览器对文件API的支持。现代...
然而,随着现代浏览器(如Firefox、Chrome和IE11)的发展,设计师和开发者拥有了更大的自由度来创新布局。不再局限于文本宽度的限制,我们可以让图片以它们的真实尺寸展示,从而增强视觉效果,增加页面的层次感和...
本文将详细介绍如何在多种浏览器环境下,包括IE、Firefox和Chrome等,获取浏览器的宽度和高度。 首先,我们来看IE浏览器中的方法: 1. `document.body.clientWidth`:返回BODY元素的宽度,不包括滚动条和边框。 2....
Firefox、Chrome、Safari等W3C标准支持较好的浏览器,它们的行为与IE类似,但也有所区别: - `document.body.clientWidth` 和 `document.body.clientHeight` 同样返回BODY对象的宽度和高度。 - `document....
IE(Internet Explorer)和FF(Firefox)是两个历史上非常重要的浏览器,它们对JavaScript的支持不尽相同,导致开发者在编写跨浏览器代码时需要考虑这些差异。本速查手册旨在帮助开发者快速理解和解决这些问题。 1....
在JavaScript中,获取浏览器页面区域的大小是一项常见的需求,这对于网页布局、动态调整内容...在实际开发中,可以考虑使用库如jQuery或其他前端框架,它们已经处理了这些兼容性问题,提供了一致的API来获取页面尺寸。
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
在IE6、7、8以及Firefox中,实现这一功能的方法不尽相同。 1. **HTML**: - 首先,你需要一个`<input type="file">`元素,允许用户选择文件。 - 为了提供预览,可以创建一个`<img>`元素,初始隐藏,准备显示用户...
本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html ...
本文将详细介绍如何在不设置图片宽高的情况下获取图片尺寸,并探讨一种利用IE私有属性防止图片放大失真的方法,以及Firefox和Chrome浏览器中可用的`naturalWidth`和`naturalHeight`属性来获取图片原始尺寸。...