<iframe width="778" align="center" height="200" id="cwin" name="cwin" onload="Javascript:SetCwinHeight(this)" frameborder="0" scrolling="no"></iframe>
JS代码:
function SetCwinHeight(obj)
{
var cwin=obj;
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight;
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
在iframe里面显示的页面,还要加点这样的样式控制:
<style type="text/css">
html, body
{
overflow-x: hidden;
overflow: auto;
margin: 0px;
height: 100%;
}
</style>
分享到:
相关推荐
iframe自适应高度和宽度
iframe自适应高度:根据屏幕的高度,自动增减。包括适应浏览器高度的改变。
iframe自适应高度,一个简单的js就可以控制iframe的自适应高度
Iframe 高度自适应,js控制Iframe 高度自适应.docx
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为...
js控制 Iframe 框架自适应被嵌入页面高度
www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小....
A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...
但是iframe用起来,真的是让人头痛,高度无法控制,难看的滚动条等等,下面我分享一下自己在处理iframe时的一些心得。 高度自适应 <iframe src=...
主要介绍了如何使用js控制iframe的高度/宽度让其自适应内容,需要的朋友可以参考下
/uc/DefDicMain.aspx iframe自适应高度 根据模块显示内容 /ModEmployee/EmployeeDetail.aspx if (!new SysBiz().IsDefMod("HR")) { linkPassed.Visible = false; linkLeave.Visible = false; linkChange....
25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式,以求拖动更流畅 27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息...
4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...
4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...
4、加入购买页面的自适应高度功能,避免因产品数量过多或客户浏览器设置字体过大,导致下单页面被遮挡,改进后页面全自动进行适应;注:需使用【产品分类】里的生成iframe代码方能生效(或设置iframe的ID为buyiframe...
5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...
5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...
-修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...