iframe自适应高度，js弹出框并刷新父页面
2012-09-20 15:39
375 查看
1、iframe自适应页面高度
<script type="text/javascript">
function TuneHeight() {
var frm = document.getElementById("PhotoIframe");
var subWeb = document.frames ? document.frames["PhotoIframe"].document : frm.contentDocument;
if (frm != null && subWeb != null) {
frm.height = subWeb.body.scrollHeight;
}
}
<html>
<head></head>
<body>
<form id="form1" runat="server">
<div>
<table cellpadding="0" cellspacing="0" width="100%" style=" border:0;">
<tr>
<td class="title">标题</td>
<td rowspan="2" valign="top" style=" width:270px; padding-left:5px; padding-right:5px;">
<iframe id="PhotoIframe" marginheight="0" marginwidth="0" scrolling="no" frameborder="0" width="260" runat="server"></iframe>
</td>
</tr>
<tr>
<td valign="top" style=" border-top:0px; height:expression(this.parentElement.parentElement.rows[0].cells[1].clientHeight - 35);" >
<div id="info_div" runat="server">
<table cellpadding="0" cellspacing="0" class="atable">
<tr class="gay">
<td colspan="3" class="td_lbl">
<!--姓名：--><asp:Label ID="lblReserver1_Info" runat="server" Text=""></asp:Label>
<!--职务：--><asp:Label ID="lblReserver2_Info" runat="server" Text=""></asp:Label>
<!--证件名称：--><asp:Label ID="lblReserver3_Info" runat="server" Text=""></asp:Label>
<!--证件号码：--><asp:Label ID="lblReserver4_Info" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
<div id="info_btn" class="div_btn">
<asp:Button ID="btnUpdate" runat="server" Text="修 改" onclick="btnUpdate_Click" CssClass="btn" />
<asp:Button ID="btnPrint" runat="server" Text="打 印" onclick="btnPrint_Click" CssClass="btn" />
<asp:Button ID="btnBack" runat="server" Text="返 回" onclick="btnBack_Click" CssClass="btn" />
</div>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
<html>
后台：this.PhotoIframe.Attributes.Add("onload", "TuneHeight()");
2、以window.open()打开子窗口，关闭子窗口刷新父页面
<script language=JavaScript>
window.opener.location.href=window.opener.location.href;
</script>
3、以window.showModalDialog()打开子窗口，关闭子窗口刷新父页面
<script language=JavaScript>
window.parent.dialogArguments.document.execCommand('Refresh');
</script>
<script type="text/javascript">
function TuneHeight() {
var frm = document.getElementById("PhotoIframe");
var subWeb = document.frames ? document.frames["PhotoIframe"].document : frm.contentDocument;
if (frm != null && subWeb != null) {
frm.height = subWeb.body.scrollHeight;
}
}
<html>
<head></head>
<body>
<form id="form1" runat="server">
<div>
<table cellpadding="0" cellspacing="0" width="100%" style=" border:0;">
<tr>
<td class="title">标题</td>
<td rowspan="2" valign="top" style=" width:270px; padding-left:5px; padding-right:5px;">
<iframe id="PhotoIframe" marginheight="0" marginwidth="0" scrolling="no" frameborder="0" width="260" runat="server"></iframe>
</td>
</tr>
<tr>
<td valign="top" style=" border-top:0px; height:expression(this.parentElement.parentElement.rows[0].cells[1].clientHeight - 35);" >
<div id="info_div" runat="server">
<table cellpadding="0" cellspacing="0" class="atable">
<tr class="gay">
<td colspan="3" class="td_lbl">
<!--姓名：--><asp:Label ID="lblReserver1_Info" runat="server" Text=""></asp:Label>
<!--职务：--><asp:Label ID="lblReserver2_Info" runat="server" Text=""></asp:Label>
<!--证件名称：--><asp:Label ID="lblReserver3_Info" runat="server" Text=""></asp:Label>
<!--证件号码：--><asp:Label ID="lblReserver4_Info" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
<div id="info_btn" class="div_btn">
<asp:Button ID="btnUpdate" runat="server" Text="修 改" onclick="btnUpdate_Click" CssClass="btn" />
<asp:Button ID="btnPrint" runat="server" Text="打 印" onclick="btnPrint_Click" CssClass="btn" />
<asp:Button ID="btnBack" runat="server" Text="返 回" onclick="btnBack_Click" CssClass="btn" />
</div>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
<html>
后台：this.PhotoIframe.Attributes.Add("onload", "TuneHeight()");
2、以window.open()打开子窗口，关闭子窗口刷新父页面
<script language=JavaScript>
window.opener.location.href=window.opener.location.href;
</script>
3、以window.showModalDialog()打开子窗口，关闭子窗口刷新父页面
<script language=JavaScript>
window.parent.dialogArguments.document.execCommand('Refresh');
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery iframe跨域自适应高度。子页面分页，刷新父页面
- [转]iframe自适应加载页面高度-js实现
- jsp页面iframe高度自适应js
- iframe自适应页面高度js
- iframe自适应加载页面高度-js实现(转载)
- jQuery js iframe 自适应高度
- JS实现iframe框架自适应高度
- js控制三列高度自适应DIV+CSS页面
- 奇怪的问题，关于js+css实现页面内容高度自适应的两种解决方案
- jsp页面iframe高度自适应的js代码
- GreyFrame是一个遮罩弹出显示页面的JS类, 它可以允许你像在框架(如: frame和iframe)中打开一个链接.
- JS 关于浏览器之间 scrollHeight offsetHeight (比如 iframe自适应高度时...)
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- iframe自适应高度，根据src中页面来得到。
- js的一些页面处理（iframe的高度可变，回车提交）
- js控制iframe自适应高度
- iframe自适应当前页面高度
- iframe 自适应高度（在父页面和在子页面调用的两个方法）
- jq_jquer获取iframe的高度根据页面内容自适应
- 兼容主流浏览器的iframe自适应高度js脚本