解决方案 »
- jquery easyui-datagrid 慢
- JSP数据传递和数据库连接问题
- 谁给看看 这个服务端的代码是怎么实现的?
- 求输出2到100的开方值的javascropt代码,不要调用开放函数,要自定义函数,急……
- 如何在单击一个按钮事件的同时触发另一个页面的一个按钮的单击事件
- 我的index.asp中有 <iframe name="myiframe" width="300" height="600" src="1.htm"></iframe>
- 怎样使“下拉列表”的每一项都显示“提示”?
- 读cookie时报缺少对象
- 在javascript中,子窗口与父窗口之间的信息怎么交互!
- javascript咋判断一个字符串是不是数字?
- jquery弹窗
- dwz框架里如何整合其他Jquery插件
1.在父级页面所在域名(www.a.com)下设置一个文件,(用来设置IFRAME的高度)比如:http://www.a.com/setHeight.html2.在子级页面加载完毕后,计算当前页面高度付给一个变量cheight,然后动态创建一个iframe,src是http://www.a.com/setHeight.html#cheight;3.通过在setHeight.html页面中parent.parent.document.getElementById('iframeid')来调整iframe的高度4.解释一下,在子页面里动态创建的iframe跟当前子页面的父级页面是同一个域名,这样就不存在跨域问题了。
举例:
假设父页面的域名是www.a.com,页面名字是A.html;子页面的域名是www.b.com,页面名字是B.html父页面A.html的内容如下:<!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 content="text/html; charset=gb2312" http-equiv="Content-Type">
</head>
<body>
<iframe height='200px' id='iframe1' src="http://www.b.com/A.html"></iframe>
</body>
</html>
父级页面所在域名下的用于调节iframe高度的页面setHeight.html内容如下:<!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 content="text/html; charset=gb2312" http-equiv="Content-Type">
</head>
<body>
<div></div>
<script type="text/javascript">
window.onload = function()
{
var b_iframe = parent.parent.document.getElementById("iframe1");
var hash_url = window.location.hash.split("#");
var hash_height = hash_url[1]+"px";
b_iframe.style.height = hash_height;
}
</script>
</body>
</html>
子页面B.html内容如下:<!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" />
</head>
<body style="background-color:#ccc">
<div style="height:600px;">sdfsfsssfsfs</div>
<script>
window.onload = function()
{
var iframe = document.createElement("iframe");
iframe.width='0px';
iframe.height='0px';
var currentheight = document.body.scrollHeight;
iframe.src='http://www.a.com/setHeight.html#'+currentheight;
document.body.appendChild(iframe);
}
</script>
</body>
</html>可见默认的iframe高度是200px,而iframe中B.html的实际高度至少为600px,当B.html加载完成时,会自动调整其父页面iframe的高度