1樓:趣事情
1.方法如下:
獲取瀏覽器顯示區域(可視區域)的高度 :
$(window).height();
獲取瀏覽器顯示區域(可視區域)的寬度 :
$(window).width();
獲取頁面的文件高度
$(document).height();
獲取頁面的文件寬度 :
$(document).width();
瀏覽器當前視窗文件body的高度:
$(document.body).height();
瀏覽器當前視窗文件body的寬度:
$(document.body).width();
獲取滾動條到頂部的垂直高度 (即網頁被捲上去的高度)
$(document).scrolltop();
獲取滾動條到左邊的垂直寬度 :
$(document).scrollleft();
獲取或設定元素的寬度:
$(obj).width();
獲取或設定元素的高度:
$(obj).height();
某個元素的上邊界到body最頂部的距離:obj.offset().top;(在元素的包含元素不含滾動條的情況下)
某個元素的左邊界到body最左邊的距離:obj.offset().left;(在元素的包含元素不含滾動條的情況下)
返回當前元素的上邊界到它的包含元素的上邊界的偏移量:obj.offset().top(在元素的包含元素含滾動條的情況下)
返回當前元素的左邊界到它的包含元素的左邊界的偏移量:obj.offset().left(在元素的包含元素含滾動條的情況下)
2.**如下:
//返回當前頁面高度
function pageheight()else
};//返回當前頁面寬度
function pagewidth()else};
2樓:
在ajax執行之後再獲取一下頁面內容的高度,如果使用的是jquery的ajax,提供了**函式,
$.ajax(;});
3樓:匿名使用者
輸出後再獲取頁面高度
jq如何獲得網頁實際高度?
4樓:刺友互
1、新建一個html檔案。
2、為了更好區分,會建立兩個按鈕標籤,然後給這兩個按鈕標籤新增不同的id。
3、引入jquery檔案(注:jquery的引入路徑一定要正確)。
4、建立載入完成函式,然後建立一個點選按鈕獲取當前id的函式。
5、儲存好html檔案後使用瀏覽器開啟,然後點選按鈕即可看到點選的id。
6、頁面所有**,如有不懂可把所有**複製到新建的html檔案上,然後修改引入的jquery檔案即可。
5樓:北漂碼農
可以使用$(document).height()方法來獲取網頁的實際高度。
工具原料:編輯器、瀏覽器
1、$(document).height()方法是獲取網頁的實際高度,簡單的**示例如下:
body>
2、執行的結果如下圖:
6樓:卷陽炎
alert($(window).height()); //瀏覽器時下視窗可視區域高度
alert($(document).height()); //瀏覽器時下視窗文件的高度
alert($(document.body).height());//瀏覽器時下視窗文件body的高度
alert($(document.body).outerheight(true));//瀏覽器時下視窗文件body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器時下視窗可視區域寬度
alert($(document).width());//瀏覽器時下視窗文件對於象寬度
alert($(document.body).width());//瀏覽器時下視窗文件body的高度
alert($(document.body).outerwidth(true));//瀏覽器時下視窗文件body的總寬度 包括border padding margin
alert($(document).scrolltop()); //獲取滾動條到頂部的垂直高度
alert($(document).scrollleft()); //獲取滾動條到左邊的垂直寬度
jquery怎麼簡單去獲取一個div的高度啊
7樓:匿名使用者
第一步, 獲取你
bai要得到高度的那個dudiv的jquery物件zhi, 獲得方法有很多很多種, 具體dao你內可以看一下jquery api文件裡容的選擇器部分, 在這裡我只跟你說一個最直接的方法, 通過id獲得: $("#div_id")
第二步, 要看你要得到的是什麼高度了, jquery裡現有的三個(其實是兩個)獲得高度的方法是:
1. $("#div_id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)
2. $("#div_id").outerheight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3. $("#div_id").outerheight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度
8樓:低調蟄末路
$("#divid").height(); //不包括內邊距、邊框或外邊距
$("#divid").innerheight();//包括內邊距
$("#divid").outerheight();//包括內邊距和邊框
9樓:匿名使用者
$(".class").height();或者 $("#id").height();
10樓:餅子達人千層餅
$('#div').height();
這樣很簡單了吧
11樓:蘇州歐進地坪廠
$("div").height();
jquery怎麼獲取一個標籤高度
12樓:懂點君
使用innerheight()方法:
獲取第一個匹配元素內部區域寬度(包括補白、不包括邊框)使用height()方法
取得匹配元素當前計算的高度值(px)。
13樓:批發豌豆顛顛
.height();
14樓:匿名使用者
$("#d1").css("height")
jquery中怎麼獲取網頁的滾動高度呢?
15樓:手機使用者
jquery的api文件中有列出來,獲取網頁的滾動高度用方法:scrolltop() 即可。注意:
要獲取網頁的滾動高度,相容所有瀏覽器的寫法是獲取window物件然後呼叫scrolltop()函式。簡單示例:alert($(window).
scrolltop());jquery的api文件目錄翻譯見:《jquery官方文件左側的api reference中的分類都是什麼意思啊?》 檢視原帖》
jquery 中用$(window).height() 怎麼獲取的高度不是視窗的高度呢?
16樓:幻翼高達
2、其次在index.html中的標籤,輸入js**:
document.body.innertext = $(window).height();
3、瀏覽器執行index.html頁面,此時會通過jquery獲取到視窗高度「743」並列印出。
17樓:幻翼高達
3、瀏覽器執行index.html頁面,此時會列印出視窗的高度,如743。
18樓:益享天開
jquery的height()獲取到的是瀏覽器可見區域的高度。請看下面**的區別:
window.screen.height
$(window).height()
$(window).outerheight(true)說明:如果是獲取螢幕解析度的高度就用第一句**(原生js)。
19樓:北京巴卜技術****
你不應該獲取a頁面的高度,而是要獲取你整個內嵌框架的高度,我想著才是你要的吧$("iframe").height();
20樓:匿名使用者
用$("html").height();
21樓:__竹林子
這樣就行了。
var bodyheight=(document.documentelement.clientheight);
22樓:
alert($(window).height()); //瀏覽器當前視窗可視區域高度
alert($(document).height()); //瀏覽器當前視窗文件的高度
alert($(document.body).height());//瀏覽器當前視窗文件body的高度
alert($(document.body).outerheight(true));//瀏覽器當前視窗文件body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器當前視窗可視區域寬度
alert($(document).width());//瀏覽器當前視窗文件物件寬度
alert($(document.body).width());//瀏覽器當前視窗文件body的高度
alert($(document.body).outerwidth(true));//瀏覽器當前視窗文件body的總寬度 包括border padding margin
如何獲取jquery load進來的頁面的高度?
23樓:匿名使用者
jquery怎麼獲取瀏覽器高度
怎麼通過js或者jquery獲取頁面裡面的內容
js document.getelementbyid 獲取指定 id 的元素 js document.getelementsbyclassname 獲取帶有指定類名的所有元素的節點列表 js document.getelementsbytagname 獲取標籤名稱的所有元素的節點列表 集合 節點陣列...
jquery如何獲取textarea文字域的值
jquery可以用 text 函式獲取textarea文字域的值。1 新建html檔案,在body標籤中新增textarea標籤,為這個標籤設定一個id,這裡以 demo 為例,然後在標籤內輸入一些內容 2 引入jquery檔案,然後新增script標籤,新增 demo text 然後將jquery...
jquery中如何獲取textarea的值
可以使用val方法獲取textarea的值.val 方法主要用於獲取表單元素的值,比如 input,select 和 textarea。如果是select元素,當沒有選擇項被選中,它返回null 如果select元素有multiple 多選 屬性,並且至少一個選擇項被選中,val 方法返回一個陣列,...