document.body與document.documentElement

Acceml 發布于2019-08-22 15:11 / 2510人閱讀

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

區別

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云服務器云服務器云主機與與空間阿里大于與阿里與通信區別云主機與與服務器云服務器與與空間

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93248.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
瀏覽器的各種位置值獲取

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

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

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

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

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

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