layui在当前页面弹出一个iframe层，并改变这个iframe层里的一些内容或者是执行iframe页面的方法

最新推荐文章于 2023-07-10 10:18:49 发布
最新推荐文章于 2023-07-10 10:18:49 发布
阅读量5.1k 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33769914/article/details/94871464
该博客介绍了如何利用layui框架在当前页面弹出一个iframe层，并在弹出的iframe中执行页面内的方法或修改特定内容。通过`layer.open()`设置弹出层参数，使用`success`回调函数获取iframe页面的body内容，然后通过`window[layero.find('iframe')[0]['name']]`调用iframe内的方法。示例中展示了设置input字段值和调用`alert11()`函数的过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

弹出框事件

                     layer.open({
                                type: 2,
                                title: data.dicname + '管理',
                                content: "page/postedit",
                                area: ['700px', '500px'],
                         &nbs

最低0.47元/天 解锁文章

200万优质内容无限畅学
layui弹出层之layer.open弹出iframe窗口·
懒虫翻身的博客
08-16 3万+
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 【1】该功能为案例，弹出iframe窗口显示上传数据 由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口，它不会帮你判断是否弹出相同的iframe窗口，使用只能自己手动判断，禁止在已有iframe窗口下，再次使用layer.open({})创建...
layui表格编辑功能(给iframe弹出层赋值)
不会写后端的前端不是一个好运维。
02-20 4673
layui表格编辑功能(给iframe弹出层赋值)
layui弹出iframe
丶Melody
05-20 1511
layui弹出iframe
jQuery+layui实现点击按钮出现Iframe窗口效果
你不追逐时代，时代就会反噬你，我是风尚，一个有趣的灵魂
12-07 2469
jQuery+layui实现点击Iframe效果
Layui 弹出层之iframe层 获取弹出iframe层中控件值
DearXia的博客
10-18 918
layui 获取弹出层子页面的控件值
layui下layer弹出框（iframe）
sxl2017的博客
12-14 2521
一、使用layui弹窗需引入文件jquery.js,jquery-ui.min.css，layer.js，jquery-ui.min.js ，这些文件项目中都有，没有直接去官网下载地址：https://www.layui.com/ <link rel="stylesheet" href="<%=path %>/skin/js/bootstrap.min.css" type...
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
10-18
Layer是一款非常流行的JavaScript弹窗插件，它提供了丰富的弹出样式和功能，包括弹出iframe层。本篇文章将详细讲解如何在Layer弹出的iframe层执行完毕后自动关闭当前弹出层。 Layer弹出的iframe层通常用于加载外部...
layui弹出层按钮提交iframe表单的方法
01-19
id: 'LAY_layuipro', //设定一个id，防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'], yes: function(index, layero){ var inputForm = $(window.frames[layui-...
layui的iframe弹出层的表单数据回显
Android_la的博客
03-07 3308
一. 问题背景 父页面：list.jsp 子页面：userEdit.jsp 点击‘编辑’，将数据回显到表单，如下： 二. 解决方案 关键代码如下： layer.open({ type: 2, title: '编辑信息', area: ['750px', '755px'], ...
layui iframe弹出层高阶使用
m0_62323931的博客
05-09 316
无
layui 修改弹框标题 title
乐逍遥
06-01 1182
layui 修改弹框标题 title
Layui下的layer使用iframe弹出层
Sumtudou's blogs
06-22 6277
许久没写博客了，今天蹭一波layer的热度，讲一下简单的使用。没必要那么复杂。 首先要引入，layui的基本文件和layer的，layer的我找了半天没找到。在咱们学校的网课端看到了？？？！！！ <script type="text/javascript" src="http://hnust.hunbys.com/plugins/layer/layer.js"></s...
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
PieroPc的博客
07-10 5761
Layui 后台模板 框体布局 实现 iframe 跳转、侧边菜单收缩
layui中弹出iframe层时将弹出层的保存按钮绑定为iframe中表单的提交按钮的方法
qq_37059367的博客
10-21 4302
 弹出层提交表单的js layer .open({ type : 2, title : '添加权限', area : [ '500px', '450px' ], offset : '160px', shadeClose : true, // 点击遮罩关闭 btn : ['保存','取消'], content : 'permissio...
layer 调iframe
huang100qi的专栏
05-23 2162
html> html lang="en"> head> meta charset="UTF-8"> title>fasfsaftitle> script src="jquery.min.js">script> script src="layer-v2.3/layer/layer.js">script> head> body> button id="kk">点击
Layuimini - 在子页面中打开iframe新窗口
qq_37131747的博客
03-25 2453
Layuimini - 在子页面中打开iframe新窗口
Layer：如何调用layer.open打开的的iframe窗口中的JS？
weixin_30823833的博客
03-19 484
layer.open({type: 2,content: 'test/iframe.html',success: function(layero, index){　　var body = layer.getChildFrame('body', index);　　var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页...
在layui弹出层中如何设置回调函数，并利用iframe获取并处理数据？
最新发布
11-25
为了深入理解layui弹出层中回调函数的使用，尤其是涉及到iframe数据获取和处理的场景，建议您参阅《layui弹出层获取数据：回调与实例解析》这一资料。这份资源不仅提供了解决当前问题的案例，还详细解析了相关的实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值