跨iframe通訊方案

當在乙個頁面中，有通過iframe嵌入的新的window時，如果想實現兩個window之間的通訊，會可能涉及到跨域的問題，直接訪問肯定是被禁止的。使用postmessage就可以安全的繞過這些限制，實現通訊。

本文通過乙個簡單的demo，演示下postmessage如何使用，以及其中要注意的幾個問題。

message

需要發出的資訊，型別為string 物件或者其他

targetorigin

協議+主機+埠號,作為資訊接收端的url值，只有window的網域名稱和埠號完全和此匹配的時候，資訊才能發出去。如果將此值設為*,表示任意網域名稱的window都能接收到此訊息，但是出於安全考慮，通常不建議這麼做

關於postmessage方法的呼叫者，需要注意的是：

呼叫者為需要接收訊息的window物件，也就說誰呼叫該方法，誰就接收資訊。

targetwindow.postmessage('hello world!', '');

當postmessage方法被成功呼叫的時候，在接收端會觸發乙個messageevent，可以提前繫結乙個事件監聽函式，在接收到資訊時，做相應的處理

//給資訊接收端的window繫結事件監聽
window.addeventlistener('message', function
(e) );

關於引數e