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">
<!--
onload=function()
{
parent.document.getElementById('ac').style.height="200px";
}
//-->
</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
Javascript 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
Feb 17 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 Javascript
JS实现网页上随滚动条滚动的层效果代码
Nov 04 Javascript
js窗口震动小程序分享
Nov 28 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
vue插槽slot的简单理解与用法实例分析
Mar 14 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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
You might like
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
DWZ刷新dialog解决方法
2013/03/03 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
jquery图片切换插件
2015/03/16 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
简单实现node.js图片上传
2016/12/18 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
解决python 未发现数据源名称并且未指定默认驱动程序的问题
2018/12/07 Python
pytorch 调整某一维度数据顺序的方法
2018/12/08 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
电大学习个人自我评价范文
2013/10/04 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
节约用电标语
2014/06/17 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
如何使用SQL Server语句创建表
2022/04/12 SQL Server