javascript - iframe同源内div的jQuery onload

Question

我想在加载 iframe 内的 div 时触发一个函数，加载 div，而不仅仅是 iframe，因为在我的情况下，当加载 iframe 时，会触发 jquery ajax 调用来加载该 div 内的数据，所以我有两个步骤:第一步加载iframe(我可以在这一步中触发一个函数)，第二步div在ajax回调之后加载(我不能在这一步中触发一个函数)。

同源策略没有问题，因为 iframe 位于同一个网站内。

谢谢。

Answer 1

您可以在回调中将事件从iFrame分派(dispatch)到父级函数。 postMessage 可用于窗口通信。像这样:

在父窗口中:

  window.addEventListener('message', receiveMessage, false)
    function receiveMessage(e){
         //whatever needs to happen
    }

在您的 iFrame 中:

 window.top.postMessage('div loaded', yourDomain)