O evento OnLoad é usado para executar scripts e chamar funções JavaScript após o conteúdo de uma página da web ter sido carregado. Ele pode ser usado para obter as informações sobre o navegador do usuário para que a versão compatível da página da web possa ser carregada. Eventos Onload também são usados ​​às vezes para lidar com cookies. É mais comumente usado com a tag, mas também pode ser usado com outras tags, como o IMG, link, script, estilo, quadro e tag iframe. Este guia é tudo sobre o uso do evento OnLoad com a tag iframe.

Antes de passar para o uso do evento Onload primeiro, devemos nos familiarizar com a tag iframe.

A tag iframe pode ser usada para criar páginas da web incorporadas que são exibidas dentro de uma região retangular da fronteira na página da web host. A tag iframe pode levar atributos diferentes, como o atributo SRC para especificar o URL da página da web e os atributos de altura e largura para o tamanho da página da web incorporada:

Implementando o evento Onload no iframe em javascript

Agora que nos familiarizamos com a tag iframe, vamos dar uma olhada em como podemos implementar um evento Onload nele.

Implementando um evento Onload no iframe no JavaScript

Existem vários métodos diferentes que podem ser usados ​​para implementar o evento OnLoad. A maneira mais fácil é através do atributo Onload, que pode ser usado diretamente com a tag iframe.

atributo onload

Implementando o evento Onload no iframe em javascript

Método addEventListener ()

O segundo método é adicionando um ouvinte de evento à tag iframe:

Implementando o evento Onload no iframe em javascript

Evento de Onload JavaScript

O terceiro e o último método é usando o evento Onload diretamente no objeto iframe no JavaScript:

Implementando o evento Onload no iframe em javascript

Conclusão

Este guia listou três métodos diferentes de implementação do evento OnLoad na tag iframe nos métodos JavaScript. Os eventos de Onload podem ser usados ​​para executar scripts depois que o conteúdo da página da web foram carregados.