准确获得页面、窗口高度及宽度的JS

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){ // 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

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 = windowWidth;

} else {

pageWidth = xScroll;

}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)

return arrayPageSize;

}

有幸找到了你的这个东东,帮我解决了问题,不过仔细看了下,好象大大的有点问题,参数值和名称上看好象有点对不上号哦.

// for small pages with total height less then height of the viewport

if(yScroll < windowHeight){

pageHeight = yScroll;

} else {

pageHeight = windowHeight;

}

// for small pages with total width less then width of the viewport

if(xScroll < windowWidth){

pageWidth = xScroll;

} else {

pageWidth = windowWidth;

}相关阅读:

详细介绍HTML标签dtextarea属性

一些有用的JavaScript和jQuery的片段分享

网页设计问题汇总:IE和FirFox兼容问题

ASP.NET2.0 验证cookie详解

javascript实例教程(19-1)

显示数据库窗口的捷径

打造计数器DIY三步曲(中)

DHTML的简单示例,动态改变页面

原创]关键字空格替换为逗号的js代码" target="_blank">[原创]关键字空格替换为逗号的js代码

为实体类添加关系

巧妙配合asp木马取得管理权限(1)

Javascript document.referrer判断访客来源网址

CSS教程:元素层叠级别及z-index

JavaScript窗口功能指南之关闭窗口

php获得窗口宽度,JavaScript_准确获得页面、窗口高度及宽度的JS,function getPageSize(){ var xScroll, ySc - phpStudy...相关推荐

  1. html页面高度和宽度,html和body元素的高度和宽度

    您的html实际上完全延伸到视口的100%高度,因为视口这里是浏览器窗口,而不是内部内容. very much content #div1 { height:300px; overflow-y:scr ...

  2. js中动态获取页面的高度和宽度的方法总结

    javascript,jquery获取网页的高度和宽度: javascript: 可视区域宽:document.documentElement.clientWidth(width+padding) 可 ...

  3. html2pdf页面大小,javascript – JSPDF – 如何将具有各种页面大小(高度和宽度)的多个图像导出到单个pdf文件...

    我有多个不同大小(高度和宽度)的图像需要使用jspdf转换为PDF,但我无法使用addPage()函数来做到这一点. 是否可以将具有不同页面大小的图像导出为单个pdf? 解决方法: 我实际上能够使用a ...

  4. html获取屏幕、浏览器、页面的高度与宽度

    一个页面的展示,从外到内的容器为:屏幕.浏览器以及页面本身:对应关系如下: HTML元素–>页面–>浏览器–>屏幕 一.屏幕 screen.height //屏幕高度screen.w ...

  5. html高度随宽度编号,纯css实现容器高度随宽度等比例变化的四种解决方案

    使用一个隐藏的图片来实现 这个方法是我最推荐的,因为不需要考虑任何兼容性,PC移动完美运行.除了增加了一个dom结构,但是相对与一个页面成百上千的代码来说,不值一提 我们知道,div容器如果不给定高度 ...

  6. css设置元素继承父元素宽度_CSS设置HTML元素的高度与宽度的各种情况总结

    1.元素不设宽度 第一种情况:元素为文档流中元素 dd dd dd 结论1:把子元素定位换成position:relative与上述例子表现一样,因此在元素不设宽度时,若元素为文档流中元素,则此元素继 ...

  7. android获取button宽度,android – 如何获得Button的高度和宽度

    我创建了一系列按钮.现在我想找到按钮的高度和宽度,为此我使用了getWidth()和getHeight().但问题是它总是返回0.为什么会发生这种情况?我发送了我的代码,请检查是否有任何问题. int ...

  8. html设置页面的高度和宽度,web显示页面有图像上设置高度和宽度很重要

    因此即使浏览器只有HTML,它仍然能够分配适当的空间.所以我们可以修改成以下内容: 最近我们发现谷歌浏览器对图片设置有一定的修改,它主要在图像上进行设置width和设置height属性,以防止布局发生 ...

  9. html 图片高度 页面高度自适应,怎样让网页图片高度自适应宽度

    [摘要] 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了! 当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显 ...

最新文章

  1. mysql查询补丁更新_OS:服务器系统补丁及数据库补丁更新说明
  2. 光端机的作用有哪些?
  3. ubuntu16.04安装MATLAB R2017b步骤详解(附完整破解文件包)
  4. instrumentation模拟很多activity的操作
  5. Java设计模式笔记(4)模版方法模式
  6. 智数合一,智慧工厂的四大典型应用场景
  7. hdu 2896 AC自动机
  8. php ftp上传文件 源码,PHP FTP上传文件
  9. STC单片机程序下载实战
  10. 程序员如何学习一门新技术?
  11. 最简单的免费安卓手机投屏电脑游戏直播工具推荐:电脑控制手机玩游戏了解一下
  12. WSA工具箱安装应用商店提示无法工作怎么解决?
  13. 解析人类的四次工业革命
  14. vue移动端图片上传
  15. NDK-r25交叉编译glib-2.73.3
  16. matlab实现牛顿下山法(下山过程)
  17. 著作权使用合同包括哪些类型和条款内容?
  18. hdbinterface是什么_Android 手机插入电脑后提示“”ADB Interface安装失败的问题
  19. 使用绞车和3PS滑轮计数器收放klein3000托鱼
  20. 翻译截图有哪些?你知道翻译截图怎样操作的

热门文章

  1. CSS3内容处理插入图片
  2. 关于CDN的IP隐藏以及对服务器安全的帮助
  3. 东莞注塑MES管理系统具有哪些功能
  4. bzoj3824[Usaco2014 Dec]Guard Mark 奶牛叠罗汉(II)
  5. 后端实现发送短信接口
  6. HTTPS为什么可以穿越NAT端口映射设备?
  7. 2021-10-17 CAN J1939 DM1 排放及诊断报文大小端判断
  8. 2023最新二开华夏基金投资理财源码+带客服功能/前端UI全部重构
  9. playwright使用心得
  10. Spring【二】IoC容器