如何用Javascript實現IFRAME載入完成時的回呼？

使用Javascript 回呼載入Iframe

要在IFRAME 完成載入時執行回調，請依照下列步驟操作：

要在IFRAME 完成載入時執行回調，請依照下列步驟操作：

創建IFRAME 和加載處理程序

以編程方式創建IFRAME：

<code class="javascript">var iFrameObj = document.createElement('IFRAME');
iFrameObj.src = url;</code>

將加載處理程序添加到IFRAME：

<code class="javascript">$(iFrameObj).load(function() {
  // handle iframe load
});</code>

訪問IFRAME 內容並銷毀它

在加載處理程序中，訪問IFRAME 內容並銷毀它：

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

其他注意事項

• 如果使用逾時刪除，請設定適當的延遲以允許IFRAME 載入。
• 避免跨站點請求，因為無法存取其內容。
• 使用 jQuery用於跨瀏覽器相容性和明確載入事件。

範例

<code class="javascript">$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});</code>

以上是如何用Javascript實現IFRAME載入完成時的回呼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！