(人笨，占时想法的办法，不要骂，不要骂，怕了怕了，想到别的会来改的)

父页面;

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title><!-- keep on record  备案 --></title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <link rel="stylesheet" href="<%=basePath %>base/layuiadmin/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="<%=basePath %>base/layuiadmin/style/admin.css" media="all">

  </head>

<body>

    <div class="layui-fluid"><!-- 布局容器 -->

        <div class="layui-row layui-col-space15"> <!-- 列间距 -->

            <div class="layui-col-md12"><!-- 列元素 -->

                <div class="layui-card"><!-- 卡片面板 -->

                    <div class="layui-card-body" style="padding: 15px;">

                        <form class="layui-form" action="" lay-filter="keep-on-record">

                            <div class="layui-collapse">

                                <div class="layui-colla-item">

                                    <h2 class="layui-colla-title">提交资料自检</h2>

                                     <div class="layui-colla-content layui-show">

                                        <iframe  name="receiving" lay-filter="receiving" id="receiving" src="projects/Post_certificate/Head.jsp?id=<%=id %>" style="width: 100%; height: 86%;"></iframe>

                                    </div>

                                </div>

                            </div>

                            <div class="layui-form-item layui-layout-admin">

                                <div class="layui-input-block">

                                    <div class="layui-footer"  style="left: 0;">

                                        <button type="button" class="layui-btn" id="save">保存</button>

                                        <button type="reset" class="layui-btn layui-btn-primary" id='close'>关闭</button>

                                    </div>

                                </div>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>

<script src="<%=basePath %>base/layuiadmin/layui/layui.js"></script>

</body>

  <script>

  // 当你使用表单时，layui 会对 select、checkbox、radio 等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于 form 组件，所以你必须加载 form，并且执行一个实例

  layui.use(['form','laydate','element'], function(){

      var $ = layui.$;

      var form = layui.form //只有执行了这一步，部分表单元素才会自动修饰成功

      ,element = layui.element

      ,laydate = layui.laydate

      ,layer = layui.layer

      ,layero = layui.layero; 

      $('#save').click(function(){

          console.log("----");

          var childWindow = $("#receiving")[0].contentWindow;

          //childWindow.bridging();

        /* 调用 Head.jsp 下的  bridging ()，

此方法是外部方法，还需在 Head.jsp 下编写方法 调用 layui.use() 内的方法 ，

因为 需要获得 Head.jsp 内的表单数据，

也可以在 Head.jsp 外部的方法获得表单 数据*/

　　//修改2021.02.24  // 直接调用全局方法
　　 childWindow.cs();

      });

});

  </script>

</html>

子页面：

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title><!--   --></title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <link rel="stylesheet" href="<%=basePath %>base/layuiadmin/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="<%=basePath %>base/layuiadmin/style/admin.css" media="all">

  </head>

<body>

<form class="layui-form" action="" lay-filter="header-information">

    <!-- 吧啦吧啦 的 表单内容 -->

</form>

<script src="<%=basePath %>base/layuiadmin/layui/layui.js"></script>

</body>

  <script>

  // 当你使用表单时，layui 会对 select、checkbox、radio 等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于 form 组件，所以你必须加载 form，并且执行一个实例

  layui.use(['form','element'], function(){

      var $ = layui.$;

  var form = layui.form //只有执行了这一步，部分表单元素才会自动修饰成功

  ,element = layui.element;

  window.head2 = function () {  // 写一个全局方法

      console.log("进入内部");

  };

  
window.cs=function(){
　　console.log("进入内部");
}


  function head(){

        //获取表单区域所有值

        var data = form.val("header-information");

        console.log(data);

      }

});

  function bridging(){

      //console.log("--------------");

      head2(); // 调用全局方法

  }

  </script>

</html>

layui 如果调用 from 内嵌入的 iframe子页面方法的更多相关文章

  1. layui type:2 iframe子页面向父页面传值

    需求: 选择子页面表格中的radio或者双击该行,得到的该行数据传到父页面,由父页面渲染. 网上的各种方法都用了,父页面就是获取不到子页面传的值,过了一晚上,睡了一觉,柳暗花明又一村. layui t ...

  2. 父窗口调用iframe子窗口方法

    一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...

  3. iframe子页面调用父页面javascript函数的方法

    1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面 ...

  4. js之iframe子页面与父页面通信

    iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html <html> <head& ...

  5. jquery读取iframe子页面和父页面的处理

    1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 ...

  6. js 在iframe子页面获取父页面元素,或在父页面 获取iframe子页面的元素的几种方式

    用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 ...

  7. iframe子页面与父页面元素的访问以及js变量的访问

    1.子页面访问父页面元素  parent.document.getElementById('id')和document相关的方法都可以这样用 2.父页面访问子页面元素  document.getEle ...

  8. JS中iframe子页面与父页面之间通信

    iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html <html> <head& ...

  9. iframe子页面与父页面通信

    同域下父子页面的通信 父页面: <!DOCTYPE html> <html> <head lang="en"> <meta charset ...

随机推荐

  1. 12c slience dbca ORA-27125

    问题:12c slience dbca ORA-27125 解决办法:网上大部分方法是把dba组放在内核的,没有效果,可以尝试google找到一位大神的方案,成功解决https://oracle-ad ...

  2. 洛谷2408不同字串个数/SPOJ 694/705 （后缀数组SA）

    真是一个三倍经验好题啊. 我们来观察这个题目,首先如果直接整体计算,怕是不太好计算. 首先,我们可以将每个子串都看成一个后缀的的前缀.那我们就可以考虑一个一个后缀来计算了. 为了方便起见,我们选择按照 ...

  3. HTML5元素背景知识

    目录 HTML5元素背景知识 语义与呈现分离 元素选用原则 少亦可为多 别误用元素 具体为佳,一以贯之 对用户不要想当然 元素说明体例 ol元素 元素速览 文档和元数据元素 文档和元数据元素 文本元素 ...

  4. [源码解析]PyTorch如何实现前向传播(2) --- 基础类(下)

    [源码解析]PyTorch如何实现前向传播(2) --- 基础类(下) 目录 [源码解析]PyTorch如何实现前向传播(2) --- 基础类(下) 0x00 摘要 0x01 前文回顾 0x02 Te ...

  5. 你对微信小程序的理解？优缺点？

    一.是什么 2017年,微信正式推出了小程序,允许外部开发者在微信内部运行自己的代码,开展业务 截至目前,小程序已经成为国内前端的一个重要业务,跟 Web 和手机 App 有着同等的重要性 小程序是一 ...

  6. Get Mingw-w64 via MSYS2

    Get Mingw-w64 via MSYS2 Get the latest version of Mingw-w64 via MSYS2, which provides up-to-date nat ...

  7. 浏览器有别_HTTP报文的回车换行

    本来以为浏览器HTTP报文的生成应该是完全一致的.但最近在做一个项目的时候,发现Safari和Chrome提交同一份表单,后端的处理结果不一致.看提交结果呢,是因为Safari多了个回车.由于原项目的 ...

  8. ShardingJdbc基于Zookeeper实现分布式治理

    随着数据规模的不断膨胀,使用多节点集群的分布式方式逐渐成为趋势.在这种情况下,如何高效.自动化管理集群节点,实现不同节点的协同工作,配置一致性,状态一致性,高可用性,可观测性等,就成为一个重要的挑战. ...

  9. ScatterLayout:分散布局在py中的引用

    """ ScatterLayout:分散布局 """ from kivy.app import App from kivy.uix.scat ...

  10. [对对子队]会议记录5.21(Scrum Meeting8)

    今天已完成的工作 吴昭邦 ​ 工作内容:调整快进按钮 ​ 相关issue:优化流水线加入物品的动画 ​ 相关签入:feat: 快进图标更换,更改第四关材料位置 朱俊豪 ​ 工作内容:调整场景高度和视角 ...