javascript 获取滚动条高度+常用js页面宽度与高度/ ********************* 取窗口滚动条高度****************** /
function getScrollTop()
{var scrollTop=0;if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTop=document.body.scrollTop;}return scrollTop;
}/ ********************* 取窗口可视范围的高度******************* /
function getClientHeight()
{var clientHeight=0;if(document.body.clientHeight&&document.documentElement.clientHeight){var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;       }else{var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;   }return clientHeight;
}/ ********************* 取文档内容实际高度******************* /
function getScrollHeight()
{return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}在IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
而如果没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。//网页可见区域宽:
document.body.clientWidth网页可见区域高:
document.body.clientHeight网页可见区域宽:
document.body.offsetWidth(包括边线的宽)网页可见区域高:
document.body.offsetHeight(包括边线的宽)网页正文全文宽:
document.body.scrollWidth网页正文全文高:
document.body.scrollHeight网页被卷去的高:
document.body.scrollTop网页被卷去的左:
document.body.scrollLeft网页正文部分上:
window.screenTop网页正文部分左:
window.screenLeft屏幕分辨率的高:
window.screen.height屏幕分辨率的宽:
window.screen.width屏幕可用工作区高度:
window.screen.availHeight屏幕可用工作区宽度:
window.screen.availWidth

javascript 获取滚动条高度+常用js页面宽度与高度相关推荐

  1. dom元素滚动条高度 js_javascript 获取滚动条高度+常用js页面宽度与高度[转]

    /******************** * 取窗口滚动条高度 ******************/ function getScrollTop() { var scrollTop=0; if(d ...

  2. js获取浏览器窗口页面宽度、高度的方法 kaki 的博客

    js获取浏览器窗口页面宽度.高度的方法 不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...

  3. JS 获取浏览器、显示器 窗体等宽度和高度

    转载自  JS 获取浏览器.显示器 窗体等宽度和高度 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 ...

  4. php获取文本宽度,PHP获取一段文本显示点阵宽度和高度的方法

    PHP获取一段文本显示点阵宽度和高度的方法 本文实例讲述了PHP获取一段文本显示点阵宽度和高度的方法.分享给大家供大家参考.具体如下: define("F_SIZE", 8); d ...

  5. table列最小宽度 vue_vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)...

    mounted() { // 在mounted中监听表格scroll事件 this.$refs.scrolltable.addeventlistener( 'scroll',(event) => ...

  6. 微信小程序——好看的radio单选项框,wxml里列表中遍历数组获取id传回给js页面

    微信小程序--好看的radio单选项框 第一种 效果图如下: .wxss代码: .view_container {display: flex;flex-direction: row;justify-c ...

  7. js获取控制浏览器,屏幕,对象宽度和高度,文件大小

    img.fileSize 判断文件大小 function getInfo() {     var s = "";     s += "/r/n网页可见区域宽:" ...

  8. 前端开发,JavaScript实际开发过程中常用JS小技巧

    1.JS 阻止'a'标签默认事件 //阻止a标签默认事件 var evt = evtwindow.event;/获取event对象 if (evt.preventDefault) {evt.preve ...

  9. 用JavaScript获取网页中的js、css、Flash等文件

    目录 一.前言 二.从E书或网页中获取文件的一般步骤 三.从E书或网页中获取链接进来的css文件 四.从E书或网页中获取链接进来的js文件 五.从E书或网页中获取Flash文件 六.从E书或网页中获取 ...

最新文章

  1. linux的QQ浏览器里微信,移动端微信内置浏览器(或QQ浏览器)无法识别onclick事件的问题解决...
  2. Python 3.8 新特性全面解读
  3. 卷积神经网络原理及实现
  4. 在线判题系统hustoj的搭建
  5. MySQL服务的启动与停止-使用图形界面工具
  6. Build Roads
  7. PyTorch 1.5上线:加入稳定C++前端,高级自动梯度API
  8. 金山毒霸专业版高调上线 宣称杀毒速度增3倍
  9. 怎看沃科斯扫地机器人型号_科沃斯型号区别是什么?
  10. 数据库对象之存储过程
  11. vue-cli 最强指南
  12. 八、接口中的默认方法与静态方法
  13. 计算机科学梦想演讲稿,关于科技演讲稿讲话稿范文三篇
  14. excel 组合框控件使用方法
  15. 黑苹果系统--键盘设置(保持windows输入习惯)
  16. Socket中send()函数和rece()函数详解
  17. 什么是浮动、为什么要清除浮动
  18. 【IT实施培训那些事儿】
  19. C# 反射 实例化类
  20. 身体质量指数BMI——python

热门文章

  1. NeoWorld之穿越者2046:第一章
  2. 编写USB鼠标驱动程序
  3. 东南亚汽摩配产品好做吗?Lazada/Shopee汽摩配热销产品推荐
  4. Vulnhub靶场渗透-CH4INRULZ_v1.0.1
  5. 数据结构 - 解析二叉树的顺序存储
  6. WEB:warmup
  7. C/C++打印圣诞树||秀翻全场!
  8. nms_rotated编译出错fatal error: THC/THC.h: No such file or directory
  9. 如何在Chrome浏览器中关闭cookie
  10. 20150602 数字报没有显示