使用 Javascript 回调加载 Iframe

要在 IFRAME 完成加载时执行回调，请按照以下步骤操作：

创建 IFRAME 和加载处理程序

创建 IFRAME以编程方式：

var iFrameObj = document.createElement('IFRAME');
iFrameObj.src = url;

向 IFRAME 添加加载处理程序:

$(iFrameObj).load(function() {
  // handle iframe load
});

访问 IFRAME 内容并销毁它

在加载处理程序中，访问 IFRAME 内容并销毁它：

function callback(iFrameObj) {
  // obtain iframe data
  var iframeData = $('body', iFrameObj.contentWindow.document).html();
  // destroy the iframe
  document.body.removeChild(iFrameObj);
}

其他注意事项

• 如果使用超时进行删除，请确保设置适当的延迟以允许 IFRAME 加载。
• 避免跨站点请求，因为其内容无法访问。
• 使用 jQuery 实现跨浏览器兼容性和显式加载events.

示例

$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});