javascript - iframe 的使用

Question

window.onmessage = function(e){
    if (e.data.images) {
        showSlider(e.data);
    }
    else if(e.data.indexOf('rule') > -1) {
           window.frames[0].postMessage
                   } else if(e.data.indexOf('title') > -1){
                   
                   

使用iframe 框 然后 window.onmessage = function(e){ 这一句主要作用是什么 里面写了挺多这些逻辑 是做什么用的呢 ？不太明白

还有 postMessage 这个应该是如何使用

Answer 1

父窗口与iFrame通讯用；

例如：

var frame1_window = document.getElementById("frame1").contentWindow;
frame1_window.onmessage = function(e) {
    alert(e.data);
};

frame1_window.postMessage("Hello from same domain", "http://yourdomainhere.com");