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

父页面;

<%@ 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. join方法个人理解

    首先抛出对join的疑问 如果我有一个a线程,一个b线程 那此时 a.start(); b.start(); a.join(); b.join(); 是否意思是a线程先执行完,然后再执行b线程; 如果 ...

  2. 测试rac数据文件建本地及处理

    模拟用户zytuser的表空间ZYTUSER_TBS表空间添加数据文件到本地.--环境准备1.创建一个表空间--创建表空间create tablespace ZYTUSER_TBS datafile ...

  3. JavaScript基础 数字类型

    JavaScript 数字类型 目前有两种类型: number BigInt 是表示任意长度的整数 数字的三个特殊值 Infinity 属性用于存放表示正无穷大的数值. -Infinity 属性用于存 ...

  4. WinForm 控件 DataGridView 常用操作

    1.取消列自动生成 在窗体load事件里面设置表格dataGridView的AutoGenerateColumns为 false dataGridView.AutoGenerateColumns = ...

  5. Conda 创建和删除虚拟环境

    1.检验当前conda的版本 conda -V C:\Users>conda -V conda 4.10.1 2.conda 常用的命令 查看已有的虚拟环境 C:\Users>conda ...

  6. 复杂对象List集合的排序

    对于集合的排序,直接的有sort().间接的有借用compareTo.Comparable等,但是对于相对复杂的对象集合,还得自己实现方法来处理. 现在有这样一个思路: 第一步:从需要排序的对象集合中 ...

  7. Perl 编程 基础用法

    Perl 编程 标准头部写法 #!/usr/bin/perl -w # 标准的头部写法,-w意为显示警告 变量 $a=$b+10 # $a和$b都不需要定义,拿过来就用 Note: $flag=0 如 ...

  8. docsify + Gitee Pages服务搭建开源项目网站

    前言 base-admin从开源至今,已经收获了2k Stat,而我们一直都没有一份像样的在线文档,最近写了一个博客园随笔备份Java脚本,将博客随笔备份到本地,格式是md文档格式,就有意去找将md文 ...

  9. .NET CLI简单教程和项目结构

    WHAT IS .NET CLI ? .NET 命令行接口 (CLI) 工具是用于开发.生成.运行和发布 .NET 应用程序的跨平台工具链. 来源:.NET CLI | Microsoft Docs ...

  10. Beta阶段第二次会议

    时间:2020.5.18 工作进展 姓名 工作 难度 完成度 ltx 1.在开小程序开发文档,学习相关知识 轻 85% xyq 1.完成活动场地申请可视化代码(耗时半天) 中 100% lm 1.设计 ...