编程 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 相关文章推荐

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

Aug 22 Javascript

js简单实现交换Li的值

May 22 Javascript

网页实时显示服务器时间和javscript自运行时钟

Jun 09 Javascript

JavaScript使用function定义对象并调用的方法

Mar 23 Javascript

js实现简单的可切换选项卡效果

Apr 10 Javascript

jQuery的bind()方法使用详解

Jul 15 Javascript

jQuery点击改变class并toggle及toggleClass()方法定义用法

Dec 11 Javascript

jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)

Aug 25 Javascript

angularjs中回车键触发某一事件的方法

Apr 24 Javascript

Vue组件之单向数据流的解决方法

Nov 10 Javascript

微信小程序保持session会话的方法

Mar 20 Javascript

在Vue 中实现循环渲染多个相同echarts图表

Jul 20 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