Exemplo
Executar um JavaScript imediatamente após uma página foi carregada:
<body onload="myFunction()"> Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O evento de carregamento ocorre quando um objecto 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.).
O evento onload pode ser utilizada para verificar a versão de tipo de navegador e o navegador do visitante, e carregar a versão apropriada da página web com base nas informações.
O evento onload também pode ser usado para lidar com cookies (ver "More Examples" abaixo).
Suporte navegador
| Evento | |||||
|---|---|---|---|---|---|
| onload | sim | sim | sim | sim | sim |
Sintaxe
Em HTML:
Em JavaScript:
object .onload=function(){ Tente você mesmo " Em JavaScript, usando o addEventListener() Método:
object .addEventListener("load", myScript );
Tente você mesmo " Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| Bolhas: | Não |
|---|---|
| cancelable: | Não |
| Tipo de evento: | UIEvent se gerado a partir de uma interface de usuário, Evento contrário. |
| tags HTML suportadas: | <body>, <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style> |
| DOM Versão: | Nível 2 Eventos |
mais Exemplos
Exemplo
Usando onload em uma <img> elemento. Alerta "Image is loaded" imediatamente após uma imagem foi carregada:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Tente você mesmo " Exemplo
Usando o evento onload para lidar com cookies:
<body onload="checkCookies()">
<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>
Tente você mesmo " <Objeto de evento