首页 > 编程知识 正文

iframe打开本地html,iframe嵌套jsp页面

时间:2023-05-06 20:11:36 阅读:27409 作者:1360

在实现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 )如果能帮上忙的话,希望您能称赞我(~~ )。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。