资讯专栏INFORMATION COLUMN

通过iframe打开Layer弹出层,动态生成html页面元素并调用子页面js方法,在其中调用父页面

stormzhang / 2130人阅读

摘要:关键点把方法中的局部变量转变成父页面的全局变量。得到页的窗口对象,执行页的方法如果是要在父页面的中调用子页面的方法,直接使用就可以了,参数也能直接传递过去。

关键点:
1 window.iframeMap = data.iframeMap;
把js方法中的局部变量转变成父页面的全局变量。
2 window.iframeWin = windowlayero.find("iframe")[0];
这里的iframeWin指向的是子页面。得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
3 onClick="window.parent.iframeWin.initIframeMap(window.parent.iframeMap[""+i+""]);"
如果是要在父页面的js中调用子页面的js方法initIframeMap ,直接使用iframeWin.initIframeMap 就可以了,参数也能直接传递过去。

父页面layerIframeTest.html:




  
  
  父页面
  
  
  




查看





子页面subPage.html:





iframe页面








       
无数据

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91716.html

相关文章

  • vue2实践(持续更新)

    摘要:记录一些小技巧和踩过的坑由于本篇文章内容太多,导致编辑器有点卡,所以新开辟了一篇实践二,后续再这里更新。组件的生命周期函数是在标签里的数据发生变化时候触发数据可能更新了,但是没有绑定到上面的话,不会调用钩子函数。 记录一些小技巧和踩过的坑 由于本篇文章内容太多,导致SF编辑器有点卡,所以新开辟了一篇 vue2实践(二),后续再这里更新。 1. props 带不带冒号的区别 ...

    n7then 评论0 收藏0
  • 出层引发对滚动原理的讨论

    摘要:而之所以弹出后继续滑动手指始终不松开,仍能看到页面在滚动,这是因为这是浏览器的默认行为,并且过程的发生时刻早于,所以在队列中没法阻塞它。 前言 上一篇为了解释移动端web的事件和点击穿透问题,我做了一个弹出框做例子,见demo。现在请把关注点转移到弹出层本身上来,我使用fix定位将它定在屏幕中间,滚动屏幕时发现问题没有,底层元素还是在滚动,只是弹出层在屏幕正中间而且周围有遮罩。所以我们...

    yvonne 评论0 收藏0
  • 可视化爬虫配置chrome插件开发之搭建vue开发环境

    摘要:使用开发插件的好处本次开发的插件是抓取配置插件,有很多的表单以及弹出层,如果纯使用的话会有很多动态创建的操作。使用和的语法以及的加载器相配合,可以减少大量动态创建的代码。 使用vue开发chrome插件的好处 本次开发的插件是抓取配置插件,有很多的form表单以及弹出层,如果纯使用js的话会有很多动态创建dom的操作。使用vue和ES6的import语法以及webpack的html加载...

    impig33 评论0 收藏0
  • PHP结合layer处理弹出窗口提交的值

    摘要:为了更加优雅的弹出子窗口,我们使用了这一款优秀的插件。所以等同于表单提交到页面自身,只不过是展示在了自身的里。 转载自:http://www.884358.com/php-layer/ 在开发中经常会遇到点击按钮弹出展示表单,在表单中填写信息后,点击保存,最后返回列表页的情况。 我们想实现的比较友好的效果通常是:用户点击按钮弹出子窗口,填写完子窗口中的表单信息后,点击子窗口中的保存按钮...

    lwx12525 评论0 收藏0
  • idea 常用配置和快捷键

    摘要:常用配置配置开发环境设置主题和编辑器字体设置自动关闭更新设置启动时不自动打开项目设置代码字体和大小设置设置项目编码设置代码提示忽略大小写设置自动导包设置序列化选中和生成序列化的方法将鼠标放在实现了接口的类上,使用快捷键回车就 常用配置 配置jdk开发环境 showImg(https://segmentfault.com/img/bVboY5F?w=902&h=729); showImg...

    ingood 评论0 收藏0

发表评论

0条评论

stormzhang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<