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

父页面;

<%@ 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. Sentry 监控 - Snuba 数据中台架构简介(Kafka+Clickhouse)

    系列 1 分钟快速使用 Docker 上手最新版 Sentry-CLI - 创建版本 快速使用 Docker 上手 Sentry-CLI - 30 秒上手 Source Maps Sentry For ...

  2. WPF进阶技巧和实战08-依赖属性与绑定02

    将元素绑定在一起 数据绑定最简单的形式是:源对象是WPF元素而且源属性是依赖项属性.依赖项属性内置了更改通知支持,当源对象中改变依赖项属性时,会立即更新目标对象的绑定属性. 元素绑定到元素也是经常使用 ...

  3. 从零入门 Serverless | 一文搞懂函数计算及其工作原理

    作者 | 孔德慧(夏莞) 阿里云函数计算开发工程师 什么是函数计算 大家都了解,Serverless 并不是没有服务器,而是开发者不再需要关心服务器.下图是一个应用从开发到上线的对比图: 在传统 Se ...

  4. Java基础之（十一）：方法

    Java方法详解 何谓方法(了解) System.out.println() // 类 对象 方法 方法是语句的集合,它们在一起执行一个功能. 方法是解决一类问题的步骤的有序集合 方法包含于类或对象中 ...

  5. 激活NX窗口的按钮

    原理:取得按钮名称以后,通过运行宏文件激活按钮 Imports System.IO Imports System.Runtime.InteropServices Imports NXOpen.Menu ...

  6. python中常用的导包的方法和常用的库

    python中常用的导包的方法               导入包和包名的方法:1.import package.module 2.from package.module import  * 例一: ...

  7. kivy Label标记文本

    from kivy.app import App from kivy.uix.boxlayout import BoxLayout from kivy.lang import Builder # 注意 ...

  8. JVM：GC Roots

    JVM:GC Roots 本笔记是根据bilibili上 尚硅谷 的课程 Java大厂面试题第二季 而做的笔记 JVM 垃圾回收的时候如何确定垃圾 什么是垃圾 简单来说就是内存中已经不再被使用的空间就 ...

  9. 是兄弟就来摸鱼 Scrum Meeting 博客汇总

    是兄弟就来摸鱼 Scrum Meeting 博客汇总 一.Alpha阶段 第一次Scrum meeting 第二次Scrum meeting 第三次Scrum meeting 第四次Scrum mee ...

  10. BUAA 软工 个人博客作业（一）

    项目 内容 这个作业属于哪个课程 2020春季计算机学院软件工程(罗杰 任健) 这个作业的要求在哪里 个人博客作业 我在这个课程的目标是 通过阅读<构建之法>大致了解软件工程 这个作业在哪 ...