父页面给子页面传参

• 1. postMessage方式
  好处：可以跨域
  In your main page:

var frame = document.getElementById('your-frame-id'); 
frame.contentWindow.postMessage(/*any variable or object here*/, '*'); 

In your <iframe> (contained in the main page):

window.addEventListener('message', function(event) { 
    // IMPORTANT: Check the origin of the data! 
    if (event.origin.indexOf('http://yoursite.com')) { 
        // The data has been sent from your site 
        // The data sent with postMessage is stored in event.data 
        console.log(event.data); 
    } else { 
        // The data hasn't been sent from your site! 
        // Be careful! Do not use it. 
        return; 
    } 
}); 

子页面向父页面传参

亲测有效的iframe跨域通信解决办法之一