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

父页面;

<%@ 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. disruptor笔记之六：常见场景

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  2. 现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串，请写出遍历删除LIST里面字符串含"2"的对象的代码。

    现在有一个长度20的SET,其中每个对象的内容是随机生成的字符串,请写出遍历删除LIST里面字符串含"2"的对象的代码. public class RemoveTwo { //le ...

  3. 初探计算机网络之HTTPS请求

    ​ HTTPS自诞生以来,我们总是对它充满着很多的疑问,HTTPS到底是啥?HTTPS多出来的S指的是什么?HTTPS安全可靠吗?访问一个HTTPS的网站的流程等等,带着这些疑问,我们一起来揭开HTT ...

  4. ORA-4031诊断分析

    1.Environment11.2.0.4 RAC 2.Symptomsrac的一节点alert日志一直刷ORA-4031报错,提示shared pool不足,二节点并没有此报错 Sat Oct 09 ...

  5. PowerDotNet平台化软件架构设计与实现系列（02）：数据库管理平台

    为了DB复用和简化管理,我们对常见应用依赖的DB模块进行更高级的提取和抽象. 虽然一些ORM可以简化DB开发,但是我们还是需要进行改进和优化,否则应用越多,后期管理运维越混乱. 根据常见开发需要,数据 ...

  6. Java编译运行环境讨论（复古但能加深对Java项目的理解）

    Java编译运行环境讨论(复古但能加深对Java项目的理解) 如今我们大多数情况都会使用IDE来进行Java项目的开发,而一个如今众多优秀的IDE已经能够帮助我们自动的部署并调试运行我们的Java程序 ...

  7. 如何通过 Serverless 技术降低微服务应用资源成本？

    前言 在大型分布式 IT 架构领域,微服务是一项必不可少的技术.从本质上来讲,微服务是一种架构风格,将一个大型的系统拆分为多个拥有独立生命周期的应用,应用之间采用轻量级的通信机制进行通信.这些应用都是 ...

  8. Golang通脉之数组

    数组是同一种数据类型元素的集合.数组在内存中都是连续存放的. 在Go语言中,数组从声明时就确定,使用时可以修改数组成员,但是数组大小不可变化. 基本语法: // 定义一个长度为3元素类型为int的数组 ...

  9. wget命令8种实用用法

    大家好,我是良许. wget 是一个可以从网络上下载文件的免费实用程序,它的工作原理是从 Internet 上获取数据,并将其保存到本地文件中或显示在你的终端上. 这实际上也是大家所使用的浏览器所做的 ...

  10. 天脉2（ACoreOS653）操作系统学习02

    天脉2(ACoreOS653)操作系统学习02 一.分区内通信方法 分区内通信指同一分区内进程之间的通信.ARINC 653定义的分区内进程通信机制,包括:缓存队列(Buffers-Queue).黑板 ...