Layer弹出层iframe之间通讯

山东小木 2023-01-12 21:42:16

课时名称	课时知识点
Layer弹出层iframe之间通讯

...全文

325 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

1.获取父页面的值给子页面 var body = layer.getChildFrame('body', index); //获取子页面的body元素 body.find('#id').val(data.id); //为子页面id为id的元素赋值 2.在子页面关闭弹出层 var index = parent.layer.getFrameIndex(window.n...

一、遇到问题简述：在一个html页面（记为A.html）中，通过layer弹出iframe层，在iframe层（子页面，记为B.html）进行数据修改，然后将修改后的最新数据从子页面（B.html）回传到父页面（A.html），在数据回传时，通过控制台调试，发现遇到“Blocked a frame with origin”的错误。二、解决方法：通过使用postMessage方法可以安全地跨iframe进行通信。具体为： 1.在子页面B.html中（iframe弹出层）调用父页面A.

比如我们有一个页面A，然后页面B和C是其子页面，在页面A中打开B页面，然后咋B中用parent.layer.open，打开C页面，这样B和C就是A页面下的同级（兄弟）页面（也可以是在A中直接打开B和C）。其实就是在打开的时候设置id，这个id会是layeriframe外面一层div的id，获得它自然能够获得其中的iframe A中打开B layer.open({ id:"layer-iframe-B", //此处与添加layer的id一样，由于两页面不会同时打开，所以.

layer中有这样的情况，父页面与弹窗（子页面）之间的数据通信。*表单中的表单元素必须有name属性。这边我讲一下两种情况（都是以表单为例子）：1、父页面的数据在弹窗（子页面）中显示。 2、子页面（弹窗）反馈的信息，在父页面显示。先解释一下逻辑：一、子——>父 1、点击“标记”，弹出弹窗：2、填写表单，并提交，点击提交按钮后，判断是否标记了“黑名单“，如果“是”，则在父页面显示layer.m

layer是一个很不错的弹层组件但在某些特定场景下,互相传值不太友好场景共三个页面分别是列表页 ,编辑页,再加一个编辑页弹出的顶层页难点:编辑页再弹出父级窗口选择后传值到编辑页列表页新增编辑里弹出iframe,强行指定ID layer.open({ type: 2, id:'nb_add', //这里的ID新增编辑最好分开如nb_add nb_edit con...

山东小木的课程社区_NO_1

1

社区成员

165

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章