document.body與document.documentElement

Crazy_Coder 發(fā)布于2019-08-01 18:40 / 1143人閱讀

摘要：區(qū)別返回當前文檔中的元素或者元素返回文檔對象的根元素的只讀屬性如文檔的元素相關說明頁面具有，或者說指定了時，使用。在和中均是如此。為了兼容，不管有沒有，可以使用如下代碼用于

區(qū)別

document.body //返回當前文檔中的元素或者元素
document.documentElement //返回文檔對象（document）的根元素的只讀屬性（如HTML文檔的  元素）

DTD相關說明

頁面具有 DTD，或者說指定了 DOCTYPE 時，使用 document.documentElement。
頁面不具有 DTD，或者說沒有指定了 DOCTYPE，時，使用 document.body。
在 IE 和 Firefox 中均是如此。
為了兼容，不管有沒有 DTD，可以使用如下代碼：

var scrollTop = window.pageYOffset  //用于FF
                || document.documentElement.scrollTop  
                || document.body.scrollTop  
                || 0;

GPU云服務器云服務器云主機與與空間阿里大于與阿里與通信區(qū)別云主機與與服務器云服務器與與空間

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51954.html

BOM-各種寬高

摘要：表示元素可見課件內容的高度，包括以下幾部分可見內容包括的高度，隱藏內容由于存在垂直滾動條不被包括。 1. window下的寬高獲取高度可以可以省略window window.innerWidth，通過字面意思我們知道這是一個內部的寬度，如果有滾動條，則包含滾動條的寬度 window.innerHeight，表示內部可用的高度，如果有滾動條，則包含滾動條的高度 window.o...

Yuanf 2019-08-29 16:17 評論0 收藏0
BOM-各種寬高

摘要：表示元素可見課件內容的高度，包括以下幾部分可見內容包括的高度，隱藏內容由于存在垂直滾動條不被包括。 1. window下的寬高獲取高度可以可以省略window window.innerWidth，通過字面意思我們知道這是一個內部的寬度，如果有滾動條，則包含滾動條的寬度 window.innerHeight，表示內部可用的高度，如果有滾動條，則包含滾動條的高度 window.o...

MageekChiu 2019-08-23 10:45 評論0 收藏0
BOM-各種寬高

摘要：表示元素可見課件內容的高度，包括以下幾部分可見內容包括的高度，隱藏內容由于存在垂直滾動條不被包括。 1. window下的寬高獲取高度可以可以省略window window.innerWidth，通過字面意思我們知道這是一個內部的寬度，如果有滾動條，則包含滾動條的寬度 window.innerHeight，表示內部可用的高度，如果有滾動條，則包含滾動條的高度 window.o...

fantix 2019-08-02 11:09 評論0 收藏0
瀏覽器的各種位置值獲取

摘要：包括和屬性是可以賦值的，并且會立即自動滾動網(wǎng)頁到相應位置，因此可以利用它們改變網(wǎng)頁元素的相對位置。另外，方法也有類似作用，可以使網(wǎng)頁元素出現(xiàn)在瀏覽器窗口的左上角。網(wǎng)頁元素的位置那就是使用方法。就是透過瀏覽器看內容的這個區(qū)域高度。獲取網(wǎng)頁的大小一張網(wǎng)頁的全部面積，就是它的大小，通常是由內容和css樣式表決定的。瀏覽器窗口的大小，是在瀏覽器中看到的那部分網(wǎng)頁面積。又叫做viewport...

lvzishen 2019-08-21 11:53 評論0 收藏0
獲取屏幕寬高width(),outerWidth,innerWidth,clientWidth的區(qū)別

摘要：基本介紹與與獲得的是屏幕可視區(qū)域的寬高，不包括滾動條與工具條?？v向滾動條寬度橫向滾動條高度與與獲得的是加上工具條與滾動條窗口的寬度與高度。兼容性和屬性與和屬性以及以下不支持。基本介紹 $(window).width()與$(window).height() $(window).width()與$(window).height()：獲得的是屏幕可視區(qū)域的寬高，不包括滾動條與工具條。 $...

woshicixide 2019-08-21 12:02 評論0 收藏0
關于JS、JQ獲取可視區(qū)域的高度、寬度以及屏幕分辨率的那些事

摘要：用和獲取相關屬性網(wǎng)頁可見區(qū)域寬網(wǎng)頁可見區(qū)域高網(wǎng)頁可見區(qū)域寬包括邊框的寬網(wǎng)頁可見區(qū)域高包括邊框的高網(wǎng)頁正文全文寬網(wǎng)頁正文全文高網(wǎng)頁下滑的距離網(wǎng)頁左滑的距離屏幕分辨率的高屏幕分辨率的寬屏幕可用工作區(qū)的高屏幕可用工作區(qū)的高瀏覽器可視區(qū)域的內寬度，用JS和JQ獲取相關屬性 JavaScript document.body.clientWidth;//網(wǎng)頁可見區(qū)域寬document.body....

or0fun 2019-08-21 11:35 評論0 收藏0