编程 Javascript

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

Posted in Javascript onMay 27, 2007

我在作一个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>

加一个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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

input+select(multiple) 实现下拉框输入值

May 21 Javascript

兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现

Jul 14 Javascript

JavaScript去掉空格的方法集合

Dec 28 Javascript

30个最好的jQuery 灯箱插件分享

Apr 25 Javascript

详解Angularjs filter过滤器

Feb 06 Javascript

JS两种类型的表单提交方法实例分析

Nov 28 Javascript

javascript实现用户点击数量统计

Dec 25 Javascript

Angular实现跨域(搜索框的下拉列表)

Feb 16 Javascript

微信小程序 wx:for的使用实例详解

Apr 27 Javascript

Vue侧滑菜单组件——DrawerLayout

Dec 18 Javascript

JavaScript数组基于交换的排序示例【冒泡排序】

Jul 21 Javascript

angular5 子组件监听父组件传入值的变化方法

Sep 30 Javascript

如何实现动态删除javascript函数

May 27 #Javascript

javascript实现在光标处插入指定内容

May 25 #Javascript

向fckeditor编辑器插入指定代码的方法

May 25 #Javascript

用Javscript实现表单复选框的全选功能

May 25 #Javascript

更正确的asp冒泡排序

May 24 #Javascript

asp 的分词实现代码

May 24 #Javascript

OfflineSave离线保存代码再次发布使用说明

May 23 #Javascript