使用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 實作跨瀏覽器相容性和明確載入事件。

範例

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