Método JS:
A cópia do código é a seguinte:
<script type = "text/javascript">
window.onload = function () {
var username = "xiaoming";
alerta (nome de usuário);
}
</script>
A seguir, o método jQuery, e o arquivo jQuery precisa ser referenciado.
A cópia do código é a seguinte:
<script type = "text/javascript">
$ (document) .ready (function () {
var username = "xiaoming";
alerta (nome de usuário);
});
</script>
Ou sua abreviação
A cópia do código é a seguinte:
$ (function () {
var username = "xiaoming";
alerta (nome de usuário);
});
Quando o DOM é carregado, ele pode ser executado (antes da janela.onload). Pode aparecer várias vezes na mesma página.
Ps: a principal diferença entre os dois
window.onload:
O evento Window.OnLload é acionado apenas quando um documento é totalmente baixado no navegador. Isso significa que todos os elementos da página estão operáveis para JS, o que significa que todos os elementos da página serão executados somente após o carregamento. Essa situação é muito benéfica para escrever código funcional porque a ordem de carregamento não é considerada. , Assim,
$ (document) .ready {}:
Será chamado quando o DOM estiver totalmente pronto e disponível. Embora isso também signifique que todos os elementos são acessíveis ao script, isso não significa que todos os arquivos associados foram baixados. Em outras palavras, o código será executado após o download do HMTL ser concluído e analisado em uma árvore dom.
Para dar um exemplo:
Suponha que haja uma página que represente a galeria, que pode conter muitas imagens grandes que podemos ocultar, exibir ou manipular através do jQuery. Se definirmos a interface na página Onload, o usuário deverá esperar até que cada imagem seja baixada antes de poder usar esta página. Pior, se o comportamento for um pouco adicionado aos elementos com comportamento padrão (como links), a interação do usuário pode levar a resultados inesperados. No entanto, quando tentamos defini -lo com $ (document) .ready () {}, essa interface preparará o comportamento correto disponível anteriormente.
Usando $ (document) .ready () {} geralmente é melhor do que experimentar os manipuladores de eventos Onload, mas deve ficar claro que, como o arquivo de suporte ainda não pode ser concluído, propriedades como a altura e a largura da imagem podem não ser válidas neste momento.
NOTA: Haverá problemas no uso do método de colocar JS na parte inferior da página e o método de usar defer = "adver". É melhor usar a função acima!