JS获取scrollHeight问题想到的标准问题

更新时间：2007年05月27日 00:00:00 作者：

如果没有文档声明可以用 document.body.scrollHeight,如果有文档声明必须用 document.documentElement.scrollHeight关于这方面的东西

我在作一个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"> 
<!-- 
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> 
<!--框架页自动调整尺寸--> 
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

您可能感兴趣的文章:

scrollHeight

8个鲜为人知但很实用的Web API用法总结
在 Web API 中，有非常有用的对象、属性和函数可用于执行小到访问 DOM 这样的小任务，大到处理音频、视频这样的复杂任务。下面就带大家一起来看看一些不常见但很实用的Web API的用法
2022-08-08
通过身份证号得到出生日期和性别的js代码
主要是通过判断指定位数的数字，来判断并加以算法实现男女性别的判断。
2009-11-11
微信小程序功能之全屏滚动效果的实现代码
最近小编做项目遇到这样的需求，要求实现一个全屏滚动的效果，在网上找了实例代码，但是不是很完美，小编又结合自己的知识给大家补充下，对微信小程序全屏滚动效果的实例代码感兴趣的朋友参考下本文吧
2018-11-11
用javascript获取任意颜色的更亮或更暗颜色值示例代码
最近在工作中遇到的一个需求，发现网上没有相对应的解决方法，索性自己写一个，所以这篇文章主要给大家介绍了关于利用javascript获取任意颜色更亮或更暗颜色值的相关资料，文中给出了详细的示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-07-07
一些手写JavaScript常用的函数汇总
这篇文章主要给大家介绍了一些手写的JavaScript常用的函数，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
学前端,css与javascript重难点浅析
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发，CSS（Cascading Style Sheet）层叠样式表单，今天给大家分享css与javascript重难点，感兴趣的朋友一起看看吧
2020-06-06
Div+CSS+JS树型菜单，可刷新
Div+CSS+JS树型菜单，可刷新...
2006-07-07
package.json中homepage属性的作用详解
这篇文章主要介绍了package.json中homepage属性的作用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
如何使用require.context实现优雅的预加载
这篇文章主要介绍了使用require.context实现优雅的预加载 ,需要的朋友可以参考下
2023-05-05
javascript实现计算指定范围内的质数示例
这篇文章主要介绍了javascript实现计算指定范围内的质数,涉及javascript数值计算与判断相关操作技巧,需要的朋友可以参考下
2018-12-12