<body >
<script type="text/javascript">
function AutoHeight()
{
var h = document.getElementById("IFR").contentWindow.document.body.clientHeight;
document.getElementById("IFR").style.height = h;
}
function GOTO(fn)
{
document.getElementById("IFR").src = fn;
}
</script>
<form id="form1" runat="server">
<div id="PageHeader">
<div id="logo"><img src="images/ht_logo.jpg" alt="" /></div>
<div id="menubar">
<span class="group_span">
管理员:<asp:Label ID="admin" runat="server" Text="Label"></asp:Label>
</span>
<span class="group_span">
登陆时间:<asp:Label ID="LoginTime" runat="server" Text="Label"></asp:Label>
</span></div>
</div>
<div id="PageBody">
<div id="c1">
<div class="menu_0">系统功能</div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageAdmin.aspx')">◇ 管理员管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageUser.aspx')">◇ 会员管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageOrder.aspx')">◇ 订单管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageGoods.aspx')">◇ 商品管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageGoodsType.aspx')">◇ 商品类型管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageImages.aspx')">◇ 图片管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManagePayType.aspx')">◇ 支付方式管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageShipType.aspx')">◇ 送货方式管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('MnageMessage.aspx')">◇ 商品留言管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageCollect.aspx')">◇ 会员收藏管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageQQService.aspx')">◇ QQ服务管理</a></div>
<div class="menu_1"><asp:LinkButton ID="Close" runat="server" onclick="Close_Click">◇ 退出</asp:LinkButton></div>
</div>
<div id="c2">
<iframe name="IFR" id="IFR" style="width:100%;height:350px" frameborder="0" scrolling="no" src="" onload="AutoHeight()"></iframe>
</div>
</div>
</form>
</body>
为啥点击了链接,iframe里面啥也不显示啊。iframe
<script type="text/javascript">
function AutoHeight()
{
var h = document.getElementById("IFR").contentWindow.document.body.clientHeight;
document.getElementById("IFR").style.height = h;
}
function GOTO(fn)
{
document.getElementById("IFR").src = fn;
}
</script>
<form id="form1" runat="server">
<div id="PageHeader">
<div id="logo"><img src="images/ht_logo.jpg" alt="" /></div>
<div id="menubar">
<span class="group_span">
管理员:<asp:Label ID="admin" runat="server" Text="Label"></asp:Label>
</span>
<span class="group_span">
登陆时间:<asp:Label ID="LoginTime" runat="server" Text="Label"></asp:Label>
</span></div>
</div>
<div id="PageBody">
<div id="c1">
<div class="menu_0">系统功能</div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageAdmin.aspx')">◇ 管理员管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageUser.aspx')">◇ 会员管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageOrder.aspx')">◇ 订单管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageGoods.aspx')">◇ 商品管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageGoodsType.aspx')">◇ 商品类型管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageImages.aspx')">◇ 图片管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManagePayType.aspx')">◇ 支付方式管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageShipType.aspx')">◇ 送货方式管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('MnageMessage.aspx')">◇ 商品留言管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageCollect.aspx')">◇ 会员收藏管理</a></div>
<div class="menu_1"><a href="#" onclick="GOTO('ManageQQService.aspx')">◇ QQ服务管理</a></div>
<div class="menu_1"><asp:LinkButton ID="Close" runat="server" onclick="Close_Click">◇ 退出</asp:LinkButton></div>
</div>
<div id="c2">
<iframe name="IFR" id="IFR" style="width:100%;height:350px" frameborder="0" scrolling="no" src="" onload="AutoHeight()"></iframe>
</div>
</div>
</form>
</body>
为啥点击了链接,iframe里面啥也不显示啊。iframe
整个程序本身思想没什么问题,问题就出在获取这个height的值上了,
document.getElementById("IFR").contentWindow.document.body.clientHeight 这个获取的值根据浏览器不同存在兼容问题, 你设置document.getElementById("IFR").style.height = 200; 你看看,能看到你想要看到的页面吗?
1.<div id="c2">的CSS样式有没有指定宽高,具体是多少。因为你iframe width是100%,就说明宽度依靠外层决定。
2. GOTO在什么时候走的,没见你调用。所以不知你的iframe的src给值怎么解决的,默认的反正是"".