iframe 父子传值
来源:互联网 发布:东莞网站关键字优化 编辑:程序博客网 时间:2024/06/05 16:08
子页面
window.onload = function(){ window.parent.postMessage("getcolor","*"); window.addEventListener("message", function(e){ var agentid=JSON.parse(e.data).agentid; var mediaAgentId=JSON.parse(e.data).extNum; $("#phone-agentId").html(agentid) $("#phone-num").html(mediaAgentId) }, false);}父页面
window.addEventListener("message", function(e){ var text =localStorage.getItem('UserMsg'); function aaa(){ alert(1) } console.log( text); window.frames[0].postMessage( text,'*');}, false);
postMessage(data,origin)方法接受两个参数
1.data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版本IE中引用json2.js可以实现类似效果。
2.origin:字符串参数,指明目标窗口的源,协议+主机+端口号[+URL],URL会被忽略,所以可以不写,这个参数是为了安全考虑,postMessage()方法只会将message传递给指定窗口,当然如果愿意也可以建参数设置为"*",这样可以传递给任意窗口,如果要指定和当前窗口同源的话设置为"/"。
阅读全文
0 0
- iframe 父子传值
- iframe父子页面传值
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- iframe父子兄弟之间调用传值(contentWindow && parent)
- 两个iframe互相调用传值及iframe父子窗口调用
- javascript 父子iframe相互传参数
- frameset iframe 父子框架间值传递
- 打开新窗口中父子窗口传值研究(open(),showModalDialog(),iframe)
- 打开新窗口中父子窗口传值研究(open(),showModalDialog(),iframe)
- Iframe中父子页面以及兄弟页面间的传值问题
- 【javascript】iframe父子兄弟之间调用传值(contentWindow && parent) (推荐)
- Bound Found POJ
- (八)监听耳机插入拔出状态
- 线性链表:单链
- java绘制图片并打印功能
- 基本概念
- iframe 父子传值
- HTML浮动窗口与多媒体效果、表单与页面控件
- 矩阵的之字型遍历-LintCode
- 华硕飞行堡垒触摸板快捷键失效
- mybatis第一个问题
- 如何加固Linux系统
- 《Android源码设计模式》之Builder模式
- Windows下使用java调用OpenSSL(无需安装OpenSSL)
- poj 2533 Longest Ordered Subsequence (最长递增子序列)