|
项目中使用iframe发送接收postMessage,在在线开发或者分享链接中都是可以正常使用的。会不会最开始数据就没有传输过来,可以参考
- // 向iframe发送数据
- $('button').click(function() {
- window.frames.iframe.postMessage('{name: "张三", age: 24}', 'http://localhost/test/iframe/page_two.html');
- });
- // 接收iframe发送的数据
- window.addEventListener("message", function( e ) {
- console.log(e.data);
- }, false );
复制代码
- // 向父页面发送数据
- $('button').click(function() {
- window.parent.postMessage('{name: "李四", age: 36}', 'http://localhost/test/iframe/page_one.html');
- });
- // 接收父页面发送的数据
- window.addEventListener("message", function( e ) {
- console.log(e.data);
- }, false );
复制代码 |
|