准确获得页面、窗口高度及宽度的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. linux下php扩展curl的安装
  2. 解决SecureCRT无法用非root账号登录ssh
  3. 前端学习(3288):react hook state-hook
  4. 实现IMSI、IMEI查询
  5. ntext字段的替换处理示例--全表替换(作者:邹建)
  6. 2023年计算机网络考研真题详解
  7. 头条搜集的Redis视频教程
  8. linux打开txt文件命令_linux系统文件及常用命令
  9. 如何写出一份让面试官刮目相看的高质量简历
  10. leetcode--728.自除数
  11. 加拿大计算机工程研究生,加拿大电子与计算机工程研究生
  12. 向内看 —— 自恋者的局限
  13. Hark的数据结构与算法练习之锦标赛排序
  14. 【历史上的今天】12 月 27 日:第一台计算机背后的女性们;Box 创始人出生;开普勒诞生
  15. scrum立会报告+燃尽图(第二周第三次)
  16. java excel row遍历空_用Java巧妙的解析Excel中的POI
  17. 使用Qt绘图制作一个钟表
  18. 视频剪辑软件实用推荐
  19. Getaverse,走向 Web3 的远方桥梁
  20. 你想跨互联网远程调试Android设备吗,推荐一个远程控制手机的免费软件

热门文章

  1. 机动车c1科三考试语言灯光,科目三考试灯光操作,学会技巧不用死记硬背!
  2. 爬虫学习案例2:异步爬取
  3. 单反相机里的照片误删了怎么恢复
  4. ffmpeg命令操作音频格式转换
  5. Elasticsearch 集群优化总结
  6. 通天阁塔机器人图片_世界最大双足机器人亮相世博大阪馆
  7. STM8S003F3通过PWM波实现三基色呼吸灯
  8. NAT端口映射全攻略
  9. HTTPS为什么可以穿越NAT端口映射设备?
  10. #713. 徐老师的学习计划(思维贪心题)