layui框架中layer父子页面相互交互的方法
发表于:2021-11-15 15:55:46浏览:2740次
这篇文章主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的开发者可以参考下。具体如下:
当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。
1、访问父页面元素值
var parentId=parent.$("#id").val();//访问父页面元素值
2、访问父页面方法
var parentMethodValue=parent.getMethodValue();//访问父页面方法
3、如何关闭弹出的子页面窗口
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index);//关闭弹出的子页面窗口
4、如何从子页面执行刷新父页面操作
parent.location.reload(); // 父页面刷新
希望本文所述对大家基于layui框架的程序设计有所帮助。
推荐文章
- Nginx + PHP 搭建的服务器发现POST数据无法提交或数据被截断的解决方案
- PHP字符串、数组的常见的操作
- css3修改美化radio、checkbox的默认样式的简单方案
- composer install常见错误解决方案 --ignore-platform-reqs解决版本冲突
- 82个常规的前端JavaScript方法封装(31~40)
- 最新PHP 7.4.32, PHP8.0.24 & PHP8.1.11三个分支发布了新版本
- ThinkPHP6中Mysql查询语句汇总的JOIN操作与标准的SQL JOIN语句
- 推荐五款优秀的后台管理系统的前端框架
- ThinkPHP5/6 查询并进行数据计算的快捷方法
- 微软推出 VS Code for the Web 无需在 PC 上进行安装 打开浏览器就可以开始工作