从父框架触发iframe内的元素上的事件处理程序

我有一个HTML页面。 在其中我使用jQuery在链接上附加click事件。 然后我使用iframe从另一个页面引用这个html页面。 但是我无法触发与js链接的事件（当我用鼠标单击链接时，事件被触发没有问题）。 如何从父框架触发该事件？ 我尝试了以下但它不起作用：

var frame = $('#mainFrame'); // the iframe I am trying to access var link = $('a.btn', frame.contents()); // the element is found correctly link.trigger('click'); // nothing happens. var e = link.data('events'); // e is undefined. 

Answer 1

这是你如何做到的。

 document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click'); 

• 演示： http ： //jsbin.com/aYijiLe/2
• 家长： http ： //jsbin.com/aYijiLe/2/edit
• iFrame： http ： //jsbin.com/IrogeBi/1/edit

您也可以使用postMessage()来实现此目的。 它也可以跨域工作。 但是iframe里面的JS必须监听message事件，即你需要控制iframe的来源。

• 演示 ： http ： //jsbin.com/ILAsEmE/1
• 家长： http ： //jsbin.com/ILAsEmE/1/edit
• iframe： http ： //jsbin.com/uZEQuTa/2/edit

Answer 2

只需在iframe标记内放置onload（）事件即可。