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

父页面;

<%@ 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. Unity Event Trigger 事件响应（二维，三维）添加组件

    EventTrigger 上主要的方法有PointerEnter.PointerExit.PointerDown.PointerUp.PointerClick............都会显示在面板上面 ...

  2. Fortran学习笔记：02 流控制语句

    Fortran学习笔记目录 书接上回:Fortran学习笔记:01 基本格式与变量声明 流控制语句 IF语句 IF (逻辑表达式) THEN ... ELSE ... END IF SELECT-CA ...

  3. 数字图像处理（一）之灰度转换和卷积python实现

    使用Python实现数字图像处理中如下功能: 彩色图像转成灰度图像 实现图像的相关&卷积操作 实现图像的高斯核卷积 使用的库和python版本如下: imageio:2.9.0 用于读取磁盘中 ...

  4. Jmeter使用问题记录

    Jmeter下载安装,设置中文,返回值乱码处理,下载接口测试 下载地址 解压后,在Jmeter的bin文件夹下启动 修改默认启动为中文简体:打开bin目录下的jmeter.properties文件,在 ...

  5. storm卡顿修改

    ​ 最近的webstorm越来越卡了,有时候甚至会弹出 Out of memory的窗口,提示要设置 xmx的值, 8G内存跑你这小软件还会不够用???要内存?给你,看你还会不会卡成翔! 于是果断给x ...

  6. uoj279题目交流通道（dp）

    题目大意: 神犇星球有 \(n\) 座小城.对于任意两座小城 \(v,u\)\((v≠u)\),吉米多出题斯基想在 \(v,u\) 之间建立一个传送时间为 \(w(v,u)\)的无向传送通道,其中 \ ...

  7. html视口单位：vw,vh,rem

    前言 不像响应式布局,通过media query,设置几个变化点来适配,流体排版通过调整大小,适配所有设备宽度.这个方法可以使我们开发的网页,在几乎所有屏幕尺寸上都可以使用.但出于一些原因,它的使用率 ...

  8. FastAPI 学习之路（三十七）元数据和文档 URL

    你可以在 FastAPI 应用中自定义几个元数据配置. 你可以设定: Title:在 OpenAPI 和自动 API 文档用户界面中作为 API 的标题/名称使用. Description:在 Ope ...

  9. tomcat内存马原理解析及实现

    内存马 简介 ​ Webshell内存马,是在内存中写入恶意后门和木马并执行,达到远程控制Web服务器的一类内存马,其瞄准了企业的对外窗口:网站.应用.但传统的Webshell都是基于文件类型的,黑客 ...

  10. Java：并发笔记-09

    Java:并发笔记-09 说明:这是看了 bilibili 上 黑马程序员 的课程 java并发编程 后做的笔记 7. 共享模型之工具-2 原理:AQS 原理 对于 AQS 的原理这部分内容,没很好的 ...