body sans queue ni tête sur le onload ?

**SpaceFrog** · 03/06/2010, 08h57

Je viens de debusquer cette curisosité ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="alert(this.tagName)" onclick="alert(this.tagName)">

Testez pas vous mêmes !
Il ne connait pas son tagName sur le onload ????

Quelqu'un aurait il une explication

?

**vermine** · 03/06/2010, 09h36

Salut,

Le onload du body, ça veut dire ce qu'il y a dans le body. Mais lorsqu'il lance ses fonctions, il n'a pas encore fini de se loader lui-même, il n'est pas encore arriver à la fin de tag.

Bon, c'est spécial comme raisonnement mais c'est mon avis.

**RomainVALERI** · 03/06/2010, 10h31

C'est étrange en effet

Le "this" désigne ici l'élément window* mais je ne comprends pas pourquoi... il devrait pourtant bien désigner le body...

(* je m'en suis rendu compte en remplaçant this.tagName par this)

**devyan** · 03/06/2010, 12h05

Bonjour,

Peut-être simplement parceque onload correspond à la fin du chargement de la page... Il s'agit donc d'un attribut placé sur BODY mais qui concerne le document et donc this <> body

Y.

**SpaceFrog** · 03/06/2010, 12h08

pourquoi le onclick retourne il un truc correct et pas le onload alors ?

this = window pendant le chargement
et devient body après la fin du onload ????

**vermine** · 03/06/2010, 12h21

this est l'élément courant. Donc il est égale à window pendant le chargement.
Lorsque tu cliques sur le body, l'élément courant devient le body.

**dukej** · 03/06/2010, 12h35

Envoyé par vermine

this est l'élément courant. Donc il est égale à window pendant le chargement.
Lorsque tu cliques sur le body, l'élément courant devient le body.

peut etre que le onload est justement un cas spécifique et qu'il appartient au window, mais pour le déclarer faut le mettre sur le body.

Pour comprendre je fais le test tout con :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
 
<script type="text/javascript">
window.onload = function() {
  alert('je suis lancé depuis le script');
}
</script>
 
<body onload="alert('je suis lancé depuis body')">..</body>

Résultat : "Je suis lancé depuis le script"

**devyan** · 03/06/2010, 12h38

Onload n'est pas plutôt sur document ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<script type="text/javascript">
document.onload = function() {
  alert('je suis lancé depuis le script');
}
</script>

**dukej** · 03/06/2010, 13h06

Envoyé par devyan

Onload n'est pas plutôt sur document ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<script type="text/javascript">
document.onload = function() {
  alert('je suis lancé depuis le script');
}
</script>

NON il appartient à window, jsfiddle.net pour faire tes tests

**Bovino** · 03/06/2010, 13h29

C'est vrai que c'est perturbant, mais c'est logique.
Le événements n'existent pas en HTML, donc les attributs d'événement ne sont pas liés à une balise mais à un objet JavaScript.
Lors du chargement de la page, l'interpréteur JavaScript crée des objets de type HTMLElement à partir des balises rencontrées et en alimente les propriétés et méthodes en fonction des attributs qu'il rencontre.
Comme déjà précisé, onload n'est pas une méthode de l'objet body, onclick si.
Le seul truc, c'est que onload est une propriété de l'objet window, mais il n'existe pas de balise window, l'attribut HTML est donc associé à la balise body parce que ça me semble l'emplacement le plus cohérent, mais il reste attaché à l'objet window.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
alert(document.body.onload);
alert(window.onload);

**Bovino** · 03/06/2010, 13h37

Hum...
Autre curiosité :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onclick="alert(this.nodeType)">

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.body.nodeType)

**dukej** · 03/06/2010, 15h43

Envoyé par Bovino

Hum...
Autre curiosité :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onclick="alert(this.nodeType)">

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.body.nodeType)

ben on dit depuis le début que le this du body.onload est window donc normal

body sans queue ni tête sur le onload ?

JavaScript

Discussions similaires

Partager

Partager