25. Bom Event

1 Événement de chargement de fenêtre onload

Similaire à l'événement de chargement de documents décrit précédemment,Avant de chercher les éléments de la fenêtre,Doit être écrit sous l'élément créer

Je veux maintenantscriptMets - le là - haut.,Alors je vais utiliser la fenêtre pour charger l'événementonload

Quand le contenu du document(html,css,JS)L'événement de chargement de fenêtre est déclenché lorsque le chargement complet est terminé(L'événement de chargement du document methtmlIl est déclenché après le chargement,C'est - à - dire que les événements de chargement de documents sont plus avancés que l'ordre d'exécution des événements de chargement de fenêtres)

On va mettrescriptMonte là - haut

La découverte peut prendre effet

window.onload C'est la méthode traditionnelle d'enregistrement , Si vous souhaitez enregistrer plusieurs , Alors vous devez utiliser window.addEventListener('load',function(){})

2  Redimensionner les événements de fenêtre onresize

Cet événement est déclenché lorsque la fenêtre est redimensionnée

Plusieurs fonctions sont spécifiées lorsque nous redimensionneons la fenêtre

• Ouvrez la page et appuyez directement sur F12 L'événement est également déclenché , Parce qu'un peu plus peut changer la taille du navigateur

Généralement adapté à la taille de l'écran , Comme faire glisser la taille de l'écran à une certaine taille , Je vais changer la couleur de fond

• Nous passonswindow.innerWidth Pour obtenir la largeur actuelle du navigateur ,window.innerHeight Vous pouvez obtenir la hauteur actuelle du navigateur

Ouvert en blanc

Faites glisser le cyan , Parce que la largeur est inférieure à 900

Lorsque vous faites glisser plus grand que 900 Quand il devient rouge