博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面嵌入iframe关于父子传参调用
阅读量:5070 次
发布时间:2019-06-12

本文共 557 字,大约阅读时间需要 1 分钟。

1、首先来说一下iframe是干什么用的

  IFRAME是标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架),通俗点说就是在一个页面中通过写iframe标签来嵌入另一个页面

2、代码的实现

  首先是父元素

  

    
iframe父子页面互调

子页面调用postMessage,父页面通过监听来获取子页面的数据

子页面调用父页面的一些方法

 

  下面是子元素的代码

    
子页面
请输入一些值:

3、将代码复制下来 打开就OK了

注意:此代码会涉及到一下跨域问题 关于浏览器本地跨域的问题 参照我下一篇文章

转载于:https://www.cnblogs.com/houjl/p/10795260.html

你可能感兴趣的文章
vmware tools 的安装(Read-only file system 的解决)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
数据库图片存储也读取
查看>>
jQuery如何获得select选中的值?input单选radio选中的值
查看>>
粘贴板工具,剪切板工具
查看>>
设计模式 之 享元模式
查看>>
查看数据库是否有死锁
查看>>
如何理解汉诺塔
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
15 FFT及其框图实现
查看>>
Linux基本操作
查看>>
osg ifc ifccolumn
查看>>
C++ STL partial_sort
查看>>
3.0.35 platform 设备资源和数据
查看>>
centos redis 安装过程,解决办法
查看>>
IOS小技巧整理
查看>>
WebDriverExtensionsByC#
查看>>
我眼中的技术地图
查看>>