HTML5 跨域通信

HTML5是個好東西，很多在之前的HTML裏面沒辦法實現或者需要很多步驟才能實現的功能，在HTML5裏面可以很容易的實現出來，比如跨域通信的問題，在HTML裏面通過iframe嵌入的外部網頁，如果要和他進行通信，我們在HTML5裏面通過他提供的消息機制進行通信，比如我們在index.html裏面寫這樣一段javascript代碼:

iframe.postMessage("hello","www.iframePage.com/test");

這段語句的意思是給iframe嵌入的頁面發起一個消息，第一個參數是發起的消息，第二個參數是可以獲取消息的頁面，2個參數都是必須的，不然javascript會拋出錯誤提示

然後我們可以iframe嵌入的那個頁面裏面寫這麼一段代碼來監聽到該message信息

window.addEventListener("message",function(ev) {
  alert("從"+ev.origin+"那裏傳遞過來的信息是"+ ev.data);
},false);

通過這種方式，就可以實現HTML5的跨域通信了