『壹』 js獲取body的高度
1、document.body.clientWidth;//網頁可見區域寬
2、document.body.clientHeight;//網頁可見區域高
3、document.body.offsetWidth;//網頁可見區域寬(包括邊線的寬)
4、document.body.offsetHeight;//網頁可見區域高(包括邊線的高)
5、document.body.scrollWidth;//網頁正文全文寬
6、window.screen.availHeight;//屏幕可用工作區高度
7、window.screen.availWidth;//屏幕可用工作區寬度
8、alert($(document.body).outerWidth(true));//瀏覽器時下窗口文檔body的總寬度 包括border padding margin
9、alert($(document.body).width());//瀏覽器時下窗口文檔body的高度
(1)js獲得元素的高度擴展閱讀:
1、alert($(window).height()); //瀏覽器時下窗口可視區域高度
2、alert($(document).height()); //瀏覽器時下窗口文檔的高度
3、alert($(document.body).height());//瀏覽器時下窗口文檔body的高度
4、alert($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding margin
5、alert($(window).width()); //瀏覽器時下窗口可視區域寬度
6、alert($(document).width());//瀏覽器時下窗口文檔對於象寬度
7、alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度
8、alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度
『貳』 js 如何 獲取(fiexd的)元素到瀏覽器的高度
獲取瀏覽器窗口的高度,螞瞎減去這個元素的top的高判困度掘物念,如果是用bottom定位,就直接獲取bottom的值就好了啊....比如id為fix就getElementById(『fix』).style.bottom這樣....
『叄』 javascript js 如何在手機屏幕旋轉後 獲取一個對象的新高度和寬度,不是屏幕的
偵聽「屏幕旋轉」事件,一旦屏幕旋轉就在回調函數中重新獲得元素的寬和高。
如果你用jquery的話可以這樣寫:
$(window).on('orientationchange', function() {
var $el = $("#el"); // 需要重新獲得寬和高的元素
var newWidth = $el.width(); // 新的寬
var newHeight = $el.height(); // 新的高
});
『肆』 js 設置一個元素的高度,只能用style嗎
是的,因為高度屬於樣式,你不想用style的話可以用css來寫,區別只在於一個是直接在元素上有style,用css的話就不會,但是你需要在頁面引入這個css文件