Atributo de evento de carregamento HTML
Exemplo
Execute um JavaScript imediatamente após o carregamento de uma página:
<body onload="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O atributo onload é acionado quando um objeto é carregado.
onload é mais frequentemente usado dentro do elemento <body> para executar um script depois que uma página da Web carrega completamente todo o conteúdo (incluindo imagens, arquivos de script, arquivos CSS, etc.). No entanto, também pode ser usado em outros elementos (consulte "Tags HTML suportadas" abaixo).
O atributo onload pode ser usado para verificar o tipo e a versão do navegador do visitante e carregar a versão adequada da página da web com base nas informações.
O atributo onload também pode ser usado para lidar com cookies (veja "Mais exemplos" abaixo).
Suporte ao navegador
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<element onload="script">
Valores de atributo
| Value | Description |
|---|---|
| script | The script to be run on onload |
Detalhes técnicos
| Tags HTML suportadas: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> e <style> |
|---|
Mais exemplos
Exemplo
Usando onload em um elemento <img>. Alerta "A imagem está carregada" imediatamente após o carregamento de uma imagem:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Exemplo
Usando o evento onload para lidar com cookies (usando javascript "avançado"):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Páginas relacionadas
Referência HTML DOM: evento onload
❮ Atributos de evento HTML