调用在iframe中声明的函数并在父页面上设置

Question

我想将iframe的内容放入div中，然后在父页面上调用在同一iframe中声明的函数：

$('#myframe').load( function(){
  var myfunc = this.contentWindow.iframefunc; <- the function is set successfully
  $('#mydiv').html( $($(this).contents()[0]).find('body').html() );
  myfunc(); <- not working
});

Answer 1

使用eval的解决方案：

$('#myframe').load( function(){
  eval( "var myfunc =" + this.contentWindow.iframefunc.toString() );
  $('#mydiv').html( $($(this).contents()[0]).find('body').html() );
  myfunc(); <- now works!
})