Em JavaScript, este evento pode ser aplicado para iniciar uma função específica quando a página for totalmente exibida. Também pode ser usado para verificar o tipo e a versão do navegador do visitante. Podemos verificar quais cookies uma página usa usando o carregando atributo.
Em HTML, o atributo onload é acionado quando um objeto é carregado. O objetivo deste atributo é executar um script quando o elemento associado for carregado.
Em HTML, o carregando atributo é geralmente usado com o elemento para executar um script assim que o conteúdo (incluindo arquivos CSS, imagens, scripts, etc.) da página da web estiver completamente carregado. Não é necessário utilizá-lo apenas com tag , pois pode ser utilizado com outros elementos HTML.
A diferença entre o documento.onload e janela.onload é: documento.onload dispara antes do carregamento de imagens e outros conteúdos externos. É disparado antes do janela.onload . Enquanto o janela.onload é acionado quando a página inteira é carregada, incluindo arquivos CSS, arquivos de script, imagens, etc.
string em array em c
Sintaxe
window.onload = fun()
Vamos entender esse evento usando alguns exemplos.
o que é myspace
Exemplo 1
Neste exemplo, há um elemento div com altura de 200px e largura de 200px. Aqui, estamos usando o janela.onload() para alterar a cor de fundo, largura e altura do divisão elemento após carregar a página da web.
A cor de fundo está definida como 'vermelho' , e largura e altura são definidas como 300 pixels cada.
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> Teste agora Saída
Após a execução do código e carregamento da página, a saída será -
Exemplo2
Neste exemplo, estamos implementando uma animação simples usando as propriedades do objeto DOM e funções de javascript . Nós usamos o Função JavaScript getElementById() para obter o objeto DOM e então atribuir esse objeto a uma variável global.
duplo em java
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> Teste agora Saída
Após a execução bem-sucedida do código acima, a saída será -
Agora, há um exemplo em que usaremos o HTML carregando atributo e as funções JavaScript.
Exemplo3
É um exemplo simples de uso do HTML carregando atributo com a função definida em JavaScript. Neste exemplo, o alerta() a função é chamada sempre que o documento é atualizado.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Teste agora Saída
converter de char para int java
Após a execução do código acima, a saída será -
