快捷導(dǎo)航

JS獲取scrollHeight問(wèn)題想到的標(biāo)準(zhǔn)問(wèn)題

更新時(shí)間：2007年05月27日 00:00:00 作者：

如果沒(méi)有文檔聲明可以用 document.body.scrollHeight,如果有文檔聲明必須用 document.documentElement.scrollHeight關(guān)于這方面的東西

我在作一個(gè)iframe自動(dòng)調(diào)整高度時(shí)，被嵌入的頁(yè)面commit.asp的代碼如下：

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>的相關(guān)評(píng)論</title> 
<style type="text/css"> 
<!-- 
body { 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
} 
--> 
</style> 
</head> 
<body bgColor="transparent" onload="zoomiframe();"> 
</body> 
</html> 
<script language=javascript> 
<!--框架頁(yè)自動(dòng)調(diào)整尺寸--> 
function zoomiframe() 
{ 
parent.document.getElementById("comment_load").style.height=document.documentElement.scrollHeight; 
} 
</script> 

然后在另外的頁(yè)面插入其它代碼，將這頁(yè)嵌入到其它頁(yè)面
<iframe src="comment.asp?classid=2&id=12" allowtransparency="true" name="comment_load" width="540" height="288" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0"></iframe>

但是沒(méi)有效果，iframe不能按照內(nèi)容自動(dòng)調(diào)高度。
后來(lái)我在zoomiframe()加入了一句alert(document.body.scrollHeight);。彈出來(lái)的值為0，但如果直接運(yùn)行COMMIT。ASP彈出的高度卻與內(nèi)容相符。
實(shí)在搞不明白那里有沖途。我以前這樣作可以，不知道論壇上有沒(méi)有那個(gè)遇過(guò)這種問(wèn)題。
謝謝！

復(fù)制代碼代碼如下:

 
parent.document.all("comment_load").style.height=document.body.scrollHeight||document.documentElement.scrollHeight; 

試了一下,應(yīng)該是沒(méi)什么問(wèn)題的
<script type="text/javascript">

</script>

<iframe src="comment.asp?classid=2&id=12" allowtransparency="true" name="comment_load" width="540" height="288" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0"></iframe>

加一個(gè)ID屬性

PS:如果網(wǎng)頁(yè)中加入以下頭

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

必須用 document.documentElement.scrollHeight關(guān)于這方面的東西
如果沒(méi)有文檔聲明可以用
document.body.scrollHeight

您可能感興趣的文章:

scrollHeight

相關(guān)文章

微信公眾號(hào)開(kāi)發(fā)之微信支付代碼記錄的實(shí)現(xiàn)
這篇文章主要介紹了微信公眾號(hào)開(kāi)發(fā)之微信支付代碼記錄的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10
js驗(yàn)證框架之RealyEasy驗(yàn)證詳解
這篇文章主要為大家詳細(xì)介紹了js驗(yàn)證框架之RealyEasy驗(yàn)證，記錄了RealyEasy驗(yàn)證的使用步驟，感興趣的小伙伴們可以參考一下
2016-06-06
js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的MVVM框架示例
下面小編就為大家分享一篇js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的MVVM框架示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
form表單中去掉默認(rèn)的enter鍵提交并綁定js方法實(shí)現(xiàn)代碼
form表單中默認(rèn)的enter提交是不是讓你已經(jīng)很耐煩了吧，本文主要講解一下如何去掉默認(rèn)的enter鍵提交同時(shí)綁定js方法，感興趣的朋友可以參考下哈
2013-04-04
微信小程序?qū)崿F(xiàn)橫向增長(zhǎng)表格的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)橫向增長(zhǎng)表格的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-07-07
JavaScript執(zhí)行環(huán)境及作用域鏈實(shí)例分析
這篇文章主要介紹了JavaScript執(zhí)行環(huán)境及作用域鏈,結(jié)合實(shí)例形式分析了JavaScript執(zhí)行環(huán)境及作用域鏈的相關(guān)概念、功能與使用技巧,需要的朋友可以參考下
2018-08-08
javaScript實(shí)現(xiàn)鼠標(biāo)在文字上懸浮時(shí)彈出懸浮層效果
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)鼠標(biāo)在文字上懸浮時(shí)彈出懸浮層效果的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-03-03
javascript寫(xiě)的日歷類(基于pj)
在網(wǎng)上搜索了一些用javascript寫(xiě)的日歷類都不太令人滿意，主要是用了之后還要寫(xiě)很多客戶端代碼，有空之余，自己動(dòng)手寫(xiě)了一個(gè)。主要是推廣自己寫(xiě)的js pr庫(kù)。
2010-12-12
JS填寫(xiě)銀行卡號(hào)每隔4位數(shù)字加一個(gè)空格
這篇文章主要介紹了JS填寫(xiě)銀行卡號(hào)每隔4位數(shù)字加一個(gè)空格的相關(guān)資料,需要的朋友可以參考下
2016-12-12
深入理解JavaScript作用域和作用域鏈
今天這篇文章對(duì)JavaScript作用域和作用域鏈作簡(jiǎn)單的介紹，希望能幫助大家更好的學(xué)習(xí)JavaScript
2011-10-10