jquery方法獲取各種寬高大全

2021-08-09 10:44:58 字數 979 閱讀 1306

jquery獲取視窗高度和視窗高度,$(document).height()、$(window).height()

$(document).height():整個網頁的文件高度

$(window).height():瀏覽器可視視窗的高度

$(window).scrolltop():瀏覽器可視視窗頂端距離網頁頂端的高度(垂直偏移)

$(document.body).height();//瀏覽器當前視窗文件body的高度

$(document.body).outerheight(true);//瀏覽器當前視窗文件body的總高度 包括border padding margin

$(window).width(); //瀏覽器當前視窗可視區域寬度

$(document).width();//瀏覽器當前視窗文件物件寬度

$(document.body).width();//瀏覽器當前視窗文件body的高度

$(document.body).outerwidth(true);//瀏覽器當前視窗文件body的總寬度 包括border padding margin

$("#id").offset().top;//獲取id離文件頂部的距離

$("#id").offset().left;//獲取id離文件左邊的距離

當網頁滾動條拉到最低端時,$(document).height() == $(window).height() + $(window).scrolltop()。

當網頁高度不足瀏覽器視窗時$(document).height()返回的是$(window).height()。

不建議使用$("html").height()、$("body").height()這樣的高度。

原因:$("body").height():body可能會有邊框,獲取的高度會比$(document).height()小;

$("html").height():在不同的瀏覽器上獲取的高度的意義會有差異,說白了就是瀏覽器不相容。

jQuery獲取各種高和寬

alert window height 瀏覽器時下視窗可視區域高度 02alert document height 瀏覽器時下視窗文件的高度 03alert document.body height 瀏覽器時下視窗文件body的高度 04alert document.body outerheight...

jQuery 獲取盒子寬高

本篇主要介紹如何獲取盒子的寬高 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle header divstyle head 檢視盒子寬高 div header ...

jquery獲取各種高度

alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerheight true ...