[No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度注意开头<!DOCTYPE ..>的声明,没有该声明时,document.documentElement.clientHe…

document.documentElement.clientHeight 与 document.body.clientHeight(杜绝千篇一律的抄袭!!)

document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题.这两个应该不是一个东西. 页面中加了:<!DOCTYPE html> 很明显在谷歌浏览器中两个值不是一个概念. 页面中不加:<!DOCTYPE html> 发现两个的值掉了个个! 所以这里有几个问题要搞明白: 1.<!DOCTYPE html>是什么 <!DOCTYPE> 声明不是 HTML…

document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

背景: 弹出层插件(自适应) 实现过程中突然发现在获取可视区高度时,无论document.documentElement.clientHeight 还是 $(window).height()都无法正确获取,代码没有问题: 解决方案:通过 cosole.log寻找错误点发现$(window).height()获取不正常并等于$(document).height():网上查找资料是由于没有正确的HTML5文档声明导致的正确: <!DOCTYPE html> <html> <!-…

document.body.clientHeight 和 document.documentElement.clientHeight的区别

document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度…

document.body.clientHeight和 document.documentElement.clientHeight 的区别

1.javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别在往同事负责的页面添加我的功能时,页面总是占据屏幕上方很小一部分,我的功能是点击按钮,添加tab页,然后根据浏览器窗口大小调整页面大小.实在是崩溃至极,网上查找资料,才发现就是因为<!DOCTYPE>. document.body.clientWidth ==> BODY对象宽度 document.body.cl…

document.documentElement.clientHeight||document.documentElement.scrollHeight

在我看<JavaScript高级程序设计>(第三版)的时候,在clientHeight和scrollHeight那部分把我弄糊涂了. 原书是这样写的:( //宽度同理,就不仔细描述了.) “对于不包含滚动条的页面来说,scrollHeight和clientHeight之间的关系不明确.在基于document.docuemntElement查看模式下,各个浏览器表现出不一样的性质. 在FF下,这两组属性始终相等,是文档实际大小,非视口大小. 在Opera.safari.Chorme中,scrol…

document.body.clientHeight与document.documentElement.clientHeight

当你的网页有: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 的时候,document.body.clientHeight就用不了,页面无限…

document.documentElement.clientHeight和document.body.clientHeight区别

首先了解下document HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点: 文档是一个文档节点. 所有的HTML元素都是元素节点. 所有 HTML 属性都是属性节点. 文本插入到 HTML 元素是文本节点.are text nodes. 注释是注释节点. Document 对象当浏览器载入HTML 文档,它就会成为 Document 对象. Document对象是HTML文档的根节点. Document对象使我们可以…

window.screen.height和window.screen.availHeight和document.body.clientHeight和document.documentElement.clientHeight

说这几个属性前我说一下我的设备我的设备有两个,一个高度为1080的显示器,一个高度为800的电脑第一种:window.screen.height 这个方法是获取用户电脑屏幕的高度,是不关浏览器或者顶部工具栏跟底部工具栏的高度的当我在高度为1080的我的显示屏屏幕上打印 window.screen.height 当我在我的电脑上打印 window.screen.height 是的 ,这个属性就是电脑的高度第二个属性:window.screen.availHeight 这个属性,看字面意思…

window.innerHeight和document.documentElement.clientHeight区别

今天有人问我这个问题,做了个小例子来记录一下子. 首先这两个都是获取可视区域的高度,那他们有什么区别呢 1.window.innerHeight属于BOM(浏览器对象模型),而document.documentElement.clientHeight则属于文档对象模型 2.window.innerHeight获取的高度包含横向滚动条,而document.documentElement.clientHeight不包含横向滚动条做了一个小示例 <!DOCTYPE html> <html l…

window.innerHeight与document.documentElement.clientHeight与document.body.clientHeight区别

window.innerHeight属于BOM(浏览器对象模型),获取的高度包含横向滚动条 document.documentElement.clientHeight属于文档对象模型,不包含横向滚动条 document.body.clientHeight属于文档对象模型,body高度,如果设置body height=100%,document.documentElement.clientHeight=document.body.clientHeight <!DOCTYPE html> <…

document.documentElement.clientHeight 和 document.body.clientHeight

document.documentElement.clientHeight 和 document.body.clientHeight 介绍在进行一些网页效果处理的时候,经常碰到document.documentElement.clientHeight和document.body.clientHeight. 百度随便一查,经常碰到有人将二者混为一谈. 但是二者之间还是有着很大区别的. document.documentElement.clientHeight 可以称为是获取的可视区域的高度,而d…

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

一.先遇到document.body.scrollTop值为0的问题做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+"px"; } 可是怎么没有达到预期效果呢,输出document.b…

JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度 document.…

document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

转自http://wo13145219.iteye.com/blog/2001598 一.先遇到document.body.scrollTop值为0的问题做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+&…

document.body.scrollTop or document.documentElement.scrollTop

用Javascript获取DOM节点相对于页面的绝对坐标时,需要计算当前页面的滚动距离,而这个值的获取又取决于浏览器. 在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 <body></body>部分的元素,而document.documentElement则相当于整个HTML,说明浏览器在解释渲染后的页面位置范围是存在不同的,FF.Opera和IE浏览器认为在客户端浏览器展示的页面的内容对应于整个HTML,所以使用document.…

document.body.scrollTop与document.documentElement.scrollTop兼容

这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollTop! 看前辈们的文章,纷纷表示如果有文档声明(即网页第一句的docType)的情况下,标准浏览器是只认识documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop. 由于在不同情况下,document…

js中的document.body.scrollTop与document.documentElement.scrollTop

获取当前页面滚动条纵坐标的位置:document.body.scrollTop与document.documentElement.scrollTop获取当前页面滚动条横坐标的位置:document.body.scrollLeft与document.documentElement.scrollLeft 1.各浏览器下 scrollTop的差异: IE6/7/8:可以使用 document.documentElement.scrollTop: IE9及以上:可以使用window.pageYOffse…

body.clientHeight与documentElement.clientHeight

body上的clientHeight会对着内容区域的高度变化而变化,当内容只有100px,则body上只有100px被撑起,返回的clientHeight为100: documentElement.clientHeight:不会随着内容区域的变化而变化,始终是窗口的可见区域大小.…

input屏蔽历史记录 ;function($,undefined) 前面的分号是什么用处 JSON 和 JSONP 两兄弟 document.body.scrollTop与document.documentElement.scrollTop兼容 URL中的# 网站性能优化前端必知的ajax 简单理解同步与异步那些年，我们被耍过的bug——has

input屏蔽历史记录设置input的扩展属性autocomplete 为off即可 ;function($,undefined) 前面的分号是什么用处 ;(function($){$.extend($.fn...现般在一些 JQuery 函数前面有分号,在前面加分号可以有多种用途:1.防止多文件集成成一个文件后,高压缩出现语法错误.2.这是一个匿名函数,一般js库都采用这种自执行的匿名函数来保护内部变量 (function(){})().3.因为undefined是window的属性…

document.body / document.ducumentElement /等获取高度和宽度的区别 ----转载

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /**{ padding: 0; margin: 0;}*/ body{ height: 1500px; border:3px solid #fbcb09; padding: 5px;} .oBox{ width…

document.body / document.ducumentElement /等获取高度和宽度的区别

document.body / document.ducumentElement /等获取高度和宽度的区别 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /**{ padding: 0; margin: 0;}*/ body{ height: 1500px;…

clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系

style.height 包括元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHeight==style.height==clientHeightscrollHeight offsetHeight+scrollTop,只有在没有元素的滚动条和边框和滚动时的情况下,offsetHeig…

详解;(function ($,window,document,undefined){...})(jQuery,window,document);

1.代码最前面的分号,可以防止多个文件压缩合并以为其他文件最后一行语句没加分号,而引起合并后语法错误. 2.匿名函数(function(){})();:由于Javascript执行表达式是从圆括号里面到外面,所以可以用圆括号强制执行声明的函数.避免函数体内和外部的变量冲突. 3.$实参:$是jquery的简写,很多方法和类库也使用$,这里$接受jQuery对象,也是为了避免$变量冲突,保证插件可以正常运行. 4.window, document实参分别接受window, document对象,w…

$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件.ready() 函数仅能用于当前文档,因此无需选择器.所以document选择器可以不要,那么就可以写成:$().ready(function(){})最后$的默认事件就是ready,所以,ready也可以省略,写成:$(function(){}); 另外一个页面可以写多个ready方法的.都是document的ready事件 document.ready和onload的区别——JavaScrip…

在JQuery中$(document.body)和这个$("body") 这两的区别在哪里？

两种写法代表的是同一个对象 $("body") 是一个选择器,jQuery 会从 DOM 顶端开始搜索,直到找到标签为 body 的元素. 而 $(document.body) 中的 document.body 已经是一个 DOM 对象,jQuery 可以直接使用此元素. 所以它们的区别在于效率,$(document.body) 高于 $("body") 但一般情况下在普通单页面是体现不出来的.…

document.body.scrollTop vs document.documentElement.scrollTop

window.addEventListener("scroll", function () { if (document.body.scrollTop >= window.innerHeight) { document.getElementById("top_back").style.display = "block"; } else { document.getElementById("top_back").style…

document.body.scrollTop vs document.documentElement.scrollTop && document.body.scrollHeight vs document.documentElement.scrollHeight

FireFox下 document.body.scrollHeight || document.documentElement.scrollHeight;//等价 document.body.scrollTop || document.documentElement.scrollTop; //不等价…

关于body/documentElement ---->clientHeight, offsetHeight, scrollHeight

http://blog.csdn.net/woxueliuyun/article/details/8638427 http://blog.sina.com.cn/s/blog_9dd702d501019cy4.html http://hi.baidu.com/shuanglinwanyu/item/136e584790d404e6bdf4511c scrollHeight 实际内容高度. offsetHeight clientHeight:是内容可视区域的高度,也就是说页面浏览器中可以看到内容的…

document.body.clientWidth vs document.documentElement.clientWidth

http://blog.csdn.net/zb0567/article/details/7182391 mobile web javascript library http://www.gbin1.com/technology/jquerymobile/20120423mobilelib/ http://blog.163.com/pancheng9126@126/blog/static/1726740782013314431371/…

【[No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别】的更多相关文章