Definição e Uso
O onload atributo é acionado quando um objeto foi carregado.
onload é mais frequentemente usado dentro do <body> elemento para executar um script uma vez uma página web foi carregado completamente todo o conteúdo (incluindo imagens, arquivos de script, arquivos CSS, etc.). No entanto, ele pode ser usado em outros elementos, bem como (ver "tags HTML compatíveis" abaixo).
Para elementos de entrada, o onload atributo só é suportada quando <input type="image">
O onload atributo pode ser utilizado para verificar a versão tipo de navegador e o navegador do visitante, e carregar a versão apropriada da página da web com base na informação.
Aplica-se a
O onload atributo faz parte dos atributos de eventos , e pode ser utilizado nos seguintes elementos:
| elementos |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
Exemplos
Body Exemplo
Executar um JavaScript imediatamente após uma página foi carregada:
<body onload="myFunction()"> Tente você mesmo " Img Exemplo
Usando onload em uma <img> elemento. Alerta "Imagem é carregado" imediatamente após uma imagem foi carregada:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Tente você mesmo " Suporte a navegadores
O onload atributo tem o seguinte suporte ao navegador para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| body | sim | sim | sim | sim | sim |
| iframe | sim | sim | sim | sim | sim |
| img | sim | sim | sim | sim | sim |
| link | sim | sim | sim | sim | sim |
| script | sim | sim | sim | sim | sim |
| style | sim | sim | sim | sim | sim |