Método JS:
La copia del código es la siguiente:
<script type = "text/javaScript">
window.onload = function () {
var userName = "xiaoming";
alerta (nombre de usuario);
}
</script>
El siguiente es el método jQuery, y el archivo jQuery debe ser referenciado.
La copia del código es la siguiente:
<script type = "text/javaScript">
$ (documento) .Ready (function () {
var userName = "xiaoming";
alerta (nombre de usuario);
});
</script>
O su abreviatura
La copia del código es la siguiente:
$ (function () {
var userName = "xiaoming";
alerta (nombre de usuario);
});
Cuando se carga el DOM, se puede ejecutar (antes que Window.onload). Puede aparecer varias veces en la misma página.ready ()
PD: La principal diferencia entre los dos
Window.onload:
El evento Window.onload se activa solo cuando un documento se descarga completamente en el navegador. Esto significa que todos los elementos en la página son operables para JS, lo que significa que todos los elementos en la página se ejecutarán solo después de cargarlos. Esta situación es muy beneficiosa para escribir código funcional porque no se considera el orden de carga. ,
$ (documento) .Ready {}:
Se llamará cuando el DOM esté completamente listo y disponible. Aunque esto también significa que todos los elementos son accesibles para el script, no significa que se hayan descargado todos los archivos asociados. En otras palabras, el código se ejecutará después de que la descarga de HMTL se complete y se analice en un árbol DOM.
Para dar un ejemplo:
Supongamos que hay una página que representa la galería, que puede contener muchas imágenes grandes que podemos ocultar, mostrar o manipular a través de jQuery. Si establecemos la interfaz a través de la página de Onload, entonces el usuario debe esperar hasta que cada imagen se descargue antes de poder usar esta página. Peor aún, si el comportamiento se agrega ligeramente a los elementos con comportamiento predeterminado (como enlaces), entonces la interacción del usuario puede conducir a resultados inesperados. Sin embargo, cuando intentamos configurarlo con $ (documento) .Ready () {}, esta interfaz preparará el comportamiento correcto disponible anteriormente.
Usar $ (documento) .Ready () {} es generalmente mejor que probar los controladores de eventos de Onload, pero debe estar claro que, debido a que el archivo de soporte aún no se ha completado, las propiedades como la altura y el ancho de la imagen pueden no ser válidas en este momento.
Nota: Habrá problemas con el uso del método de poner JS en la parte inferior de la página y el método de usar diferir = "Diferir". ¡Es mejor usar la función anterior!