"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como implementar um retorno de chamada quando um IFRAME termina de carregar com Javascript?

Como implementar um retorno de chamada quando um IFRAME termina de carregar com Javascript?

Publicado em 2024-11-07
Navegar:441

How to Implement a Callback When an IFRAME Finishes Loading with Javascript?

Carregando Iframe com retorno de chamada Javascript

Para executar um retorno de chamada quando um IFRAME terminar de carregar, siga estas etapas:

Crie o IFRAME e o manipulador de carga

Crie o IFRAME programaticamente:

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

Adicione um manipulador de carga ao IFRAME:

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

Acesse o conteúdo do IFRAME e destrua-o

No manipulador de carga, acesse o conteúdo do IFRAME e destrua-o:

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

Considerações adicionais

  • Certifique-se de que, se estiver usando tempos limite para remoção, defina um atraso apropriado para permitir o carregamento do IFRAME.
  • Evite solicitações entre sites, pois seu conteúdo não pode ser acessado.
  • Use jQuery para compatibilidade entre navegadores e eventos de carregamento explícitos.

Exemplo

$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});
Declaração de lançamento Este artigo foi reimpresso em: 1729302797 Se houver alguma violação, entre em contato com [email protected] para excluí-lo
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3