window.postMessage Tip: Child-To-Parent Communication

几个月后,我就<代码>window.postMessage写了超级邮局。 驱赶全国的公益物。 <代码>window.postMessage 你们不仅可以发出跨范围(经常框架或框架)的信息,而且可以发送跨领域的信息。 我的职位显示了父母与子女之间的交流,并向父母转达,但并没有详细将儿童的信息传递给父母,而没有父母开始对话。 让我向大家表明,你如何能够从儿童到父母开始对话。

The JavaScript

母物指儿童的主要窗口。 因此,如果我有父子关系,把母子 con在自己内部,那么该子会读到:

// Every two seconds....
setInterval(function() {
	// Send the message "Hello" to the parent window
	// ...if the domain is still "davidwalsh.name"
	parent.postMessage("Hello","https://davidwalsh.name");
},1000);

既然我们现在已经掌握了窗户,我们就能够给它带来痛苦:

// Create IE + others compatible event handler
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

// Listen to message from child window
eventer(messageEvent,function(e) {
  console.log( parent received message!:   ,e.data);
},false);

上述指令促使iFrame每3秒向母窗发送电文。 主要窗口不需要初步信息!