在实现iframe嵌套页面通信的项目中通过iframe标记嵌入其他页面时,iframe页面如何能够进行通信? 欢乐的蜜蜂在这里简单记录~
1、父组件获取子组件:
注意:父组件是当前项目页,子组件是iframe标记。)
iframe.content window :获取iframe窗口对象
iframe.contentdocument:iframe的文档对象当需要从当前页面传递数据给嵌入的iframe页面时,可通过postMessage()方法进行通信。
iframe.content window.postmessage (消息,目标定向,[传输器];
有三个参数: postMessage (方法中的消息)。 要传递到其他页面的数据; targetOrigin :指定可以接收消息事件的窗口。 值可以是* (表示无限制)或通常用于验证数据源的URI。 传输:请选择参数,不要传递。
示例:
ifr是iframe标签http://www.Sina.com/http://www.Sina.com /
Window.parent :获取更高级别的window对象。 如果是顶级(父级)或iframe,则为该iframe的窗口对象
Window.top :获取顶级容器的窗口对象
Window.self :返回对自己窗口的引用
(注意:调用父方法时,父版本将挂在窗口级别。)
http://www.Sina.com/http://www.Sina.com /
获取从iframe页面传递的数据。 类似于从iframe页面检索数据。 它还使用addEventListener ()方法侦听message,并检索和处理传递的message、targetOrigin等参数数据。
(ps )如果能帮上忙的话,希望您能称赞我(~~ )。