zoukankan      html  css  js  c++  java
  • 父<IFRAME>获取子页属性以及子页中<IFRAME>的方法

    例子如下:

    1.父页index.jsp

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head></head>

    <body>

    <iframe height="100%" width="100%"
    frameBorder=0 id=mainFrame name=mainFrame src="<%=path%>/system/manage-layout/main.jsp"
    allowTransparency="true"></iframe>
    </body>
    </html>

    2.main.jsp

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    </head>
    <body>
    <!-- start -->
    <div id="default">

    </div>
    <!-- END -->

    <div id="main">
    <table width="100%" cellpadding="0" cellspacing="0" class="table_border0" >
    <tr>
    <!--左侧区域start-->

    <div id="bs_left">

    <td><IFRAME height="100%" width="100%" frameBorder=0 id=frmleft name=frmleft src="<%=path %>/system/manage-layout/left.jsp"   allowTransparency="true"></IFRAME></td>

    </div>

    <!--分隔栏区域start-->
    <td class="spliter main_shutiao" targetId="hideCon" beforeClickTip="收缩面板" afterClickTip="展开面板" beforeClickClass="bs_leftArr" afterClickClass="bs_rightArr">
    </td>
    <!--分隔栏区域end-->

    <!--右侧区域start-->

    </td>
      <IFRAME height="100%" width="100%" frameBorder=0 id=frmright name=frmright src="<%=path %>/system/layout_sys/home.jsp"   allowTransparency="true"></IFRAME>
    </td>
    <!--右侧区域end-->
    </tr>
    </table>
    </body>
    </html>

    3.left.jsp

    left中的js方法:function loadLeftMenu(parentId){$.ajax({})}

    (1)在父页index.jsp中js方法隐藏main.jsp的div id='default'区可以这样写:

      window.frames["mainFrame"].document.getElementById("default").style.display="none";

    (2)index.jsp中js调left。jsp的方法需要这样写:

      window.frames["mainFrame"].document.getElementById('frmleft').contentWindow.loadLeftMenu(idx);

    如有不妥,繁琐,请大家批评指正。

  • 相关阅读:
    TCP
    关系型数据库基础
    spark教程(16)-Streaming 之 DStream 详解
    spark教程(15)-Streaming
    灰度图Matlab
    mesh函数
    axis函数
    Matlab提供了两种除法运算:左除()和右除(/)
    基和时间平移矩阵
    转载:实现MATLAB2016a和M文件关联
  • 原文地址:https://www.cnblogs.com/Kevin-1992/p/5318233.html
Copyright © 2011-2022 走看看