网页前台的iframe控制内部刷新子页-优快云博客

本文探讨了在使用IFrame控件时遇到的样式混乱问题，并提供了子页面调用主页面样式的解决方案，确保跨页面样式的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
 <!--Header-->
     <uc1:top runat="server" ID="top" />
<!--/Header-->

<div class="section clearfix">
  <div class="line30"></div>

  <div class="info-wrap">
    <!--左侧导航-->
      <uc3:left_menu runat="server" ID="left_menu" />
    <!--/左侧导航-->
    
    <!--右侧内容-->
    <div class="home-box">
      <!--默认显示会员中心-->
        <div>
         <iframe id="mainframe" name="mainframe" frameborder="0" width="100%" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()" src="user/user_base_info.aspx"></iframe>
            </div>
      <!--/会员中心-->      
    </div>
    <!--/右侧内容-->
  </div>
</div>

<!--Footer-->
     <uc2:bottom runat="server" ID="bottom" />
<!--/Footer-->
</body>
</html>


<script type="text/javascript" language="javascript">
//为了IFrame控制自适应高宽
    function iFrameHeight() {
        var ifm = document.getElementById("mainframe");
        var subWeb = document.frames ? document.frames["mainframe"].document : ifm.contentDocument;
        if (ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight;
            ifm.width = subWeb.body.scrollWidth;
        }
    }
</script>

注意：主页用IFrame控件会导致子页面样式混乱，所以子页面也要调用主页面的所有样式。

转载于:https://www.cnblogs.com/wt-vip/p/6031109.html