新聞中心
這篇文章將為大家詳細(xì)講解有關(guān).height()的注意事項(xiàng)是什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)擁有十年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),對(duì)于網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、app軟件開發(fā)、wap網(wǎng)站建設(shè)(手機(jī)版網(wǎng)站建設(shè))、程序開發(fā)、網(wǎng)站優(yōu)化(SEO優(yōu)化)、微網(wǎng)站、域名申請(qǐng)等,憑借多年來在互聯(lián)網(wǎng)的打拼,我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn),集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等網(wǎng)站化運(yùn)作于一體,具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。
.height()
描述: 獲取匹配元素集合中的第一個(gè)元素的當(dāng)前計(jì)算高度值。
添加的版本: 1.0.height()
這個(gè)方法不接受任何參數(shù)。
.css('height') 和 .height()之間的區(qū)別是后者返回一個(gè)沒有單位的數(shù)值(例如,400),前者是返回帶有完整單位的字符串(例如,400px)。當(dāng)一個(gè)元素的高度需要數(shù)學(xué)計(jì)算的時(shí)候推薦使用.height() 方法 。
這個(gè)方法同樣能計(jì)算出window和document的高度。
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
注意.height()總是返回內(nèi)容寬度,不管CSS box-sizing屬性值。
注意:在絕對(duì)定位和給定display:block時(shí),雖然style和script標(biāo)簽用.width() 或 height()也將報(bào)告一個(gè)值,強(qiáng)烈建議不要在這些標(biāo)簽中調(diào)用這些方法。這是一種不好的做法,結(jié)果也證明是不可靠的。
例子:
顯示各個(gè)高度。注意這個(gè)來自值iframe的值可能小于你的預(yù)期。黃色高亮顯示iframe body。
body { background:yellow; }
button { font-size:12px; margin:2px; }
p { width:150px; border:1px red solid; }
div { color:red; font-weight:bold; }
Sample paragraph to test height
function showHeight(ele, h) {
$("div").text("The height for the " + ele +
" is " + h + "px.");
}
$("#getp").click(function () {
showHeight("paragraph", $("p").height());
});
$("#getd").click(function () {
showHeight("document", $(document).height());
});
$("#getw").click(function () {
showHeight("window", $(window).height());
});
關(guān)于“.height()的注意事項(xiàng)是什么”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
網(wǎng)站標(biāo)題:.height()的注意事項(xiàng)是什么
文章地址:http://fisionsoft.com.cn/article/gejioi.html