Js與Jq 獲取瀏覽器和物件值的方法

2022-05-04 06:24:08 字數 1558 閱讀 1484

js and jquery 都能獲取頁面元素的寬度,高度和相對位移等數值,那他們之間能相互轉換或替代嗎,寫法又有哪些差異呢?本文將詳細為你介紹。

1.js獲取瀏覽器高度和寬度

document.documentelement.clientwidth ==> 瀏覽器可見區域寬度

document.documentelement.clientheight ==> 瀏覽器可見區域高度

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

jq獲取瀏覽器高度和寬度

$(window).width() ==> 瀏覽器可見區域寬度

$(window).height() ==> 瀏覽器可見區域高度

$(document).height() ==> 頁面文件的高度

$(document.body).height() ==> body物件高度

2.js獲取物件的高度和寬度

obj.width = obj.style.width

obj.clientwidth = width + padding   ==> 獲得包括內邊界(padding)的元素寬度

obj.offsetheight = height + padding + border ==> 獲得包括內邊界(padding)和邊框(border)的元素高度

jq獲取物件的高度和寬度

obj.innerwidth() ==> 獲得包括內邊界(padding)的元素寬度,

obj.outerwidth() ==> 獲得包括內邊界(padding)和邊框(border)的元素寬度

obj.outerwidth(true) ==> 獲得包括外邊界(margin)的元素寬度

w同乙個元素應該是:width()<=innerwidth()<=outerwidth()<=outerwidth(true);

3.js 獲取物件的相對高度和寬度

obj.offsetleft ==> 元素相對于父元素的left

obj.offsettop ==> 元素相對于父元素的top

obj.scrollwidth ==> 獲取物件的滾動寬度

obj.scrollheight ==> 獲取物件的滾動高度

obj.scrollleft ==> 設定或獲取位於物件左端滾動的距離

obj.scrolltop ==> 設定或獲取位於物件頂端滾動的距離

jq 獲取物件的相對高度和寬度

obj.offset().left ==> 元素相對於文件的left

obj.offset().top ==> 元素相對於文件的top

obj.scrollleft() ==> 設定或返回物件相對滾動條左側的偏移。

obj.scrolltop() ==> 設定或返回物件相對滾動條頂部的偏移。

jq獲取瀏覽器的高度

console.log 2 window height 瀏覽器當前視窗可視區域高度 console.log 3 document height 瀏覽器當前視窗文件的高度 console.log 4 document.body height 瀏覽器當前視窗文件body的高度 console.log 5...

js獲取瀏覽器的get傳值

第一種超級省事的方法就是利用正則 方法如下 獲取get傳值的方法 function getquerystring name 使用方法,比如想獲取get傳值裡面的 age 的值 alert getquerystring age 直接呼叫方法,將需要的值傳入,直接方法返回值 第二種就是處理字串,get傳...

js 瀏覽器物件

在執行時,從載入頁面後每隔指定的時間執行 語法 setinterval 互動時間 引數說明 1.要呼叫的函式或要執行的 串。返回值 乙個可以傳遞給 clearinterval 從而取消對 的週期性執行的值。呼叫函式格式 假設有乙個clock 函式 setinterval clock 1000 或se...