layui框架中layer父子页面相互交互的方法
发表于:2021-11-15 15:55:46浏览:2132次
这篇文章主要介绍了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框架的程序设计有所帮助。
推荐文章
- vue微信站history模式微信自定义分享
- ThinkPHP6使用.env配置数据库配置文件database.php的使用
- 开发常见的技术栈,有多程序猿能够做到全栈?
- 一个简单的thinkphp6的路由配置实例
- PHP实现隐藏部分手机号码,身份证号码
- Promise的实例用法
- 宝塔Linux面板安装Composer依赖管理工具与PHP依赖包的方法
- 勾股CMS介绍及安装教程
- linux环境下,Composer安装项目时报错:Do not run Composer as root/super user!
- ThinkPHP 6.1.2 版本发布,兼容 PHP8.2以及对ThinkORM3.0 版本的支持