JS獲取scrollHeight問題想到的標準問題

2024-09-06 12:42:16

字體：大中小

來源：轉載

供稿：網友

我在作一個iframe自動調整高度時，被嵌入的頁面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>的相關評論</title>
<style type="text/css">

</style>
</head>
<body bgColor="transparent" onload="zoomiframe();">
</body>
</html>
<script language=javascript>

function zoomiframe()
{
parent.document.getElementById("comment_load").style.height=document.documentElement.scrollHeight;
}
</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>

但是沒有效果，iframe不能按照內容自動調高度。
后來我在zoomiframe()加入了一句alert(document.body.scrollHeight);。彈出來的值為0，但如果直接運行COMMIT。ASP彈出的高度卻與內容相符。
實在搞不明白那里有沖途。我以前這樣作可以，不知道論壇上有沒有那個遇過這種問題。
謝謝！
代碼如下:
parent.document.all("comment_load").style.height=document.body.scrollHeight||document.documentElement.scrollHeight;
試了一下,應該是沒什么問題的
<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>

加一個ID屬性

PS:如果網頁中加入以下頭
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

必須用 document.documentElement.scrollHeight關于這方面的東西
如果沒有文檔聲明可以用
document.body.scrollHeight