2017-02-02 1 views
-1

Ce déclenche l'événement onload:JS - événement Onload pas de tir

<!DOCTYPE html> 
<html> 
<body onload="alert('Hello')"> 
<p> Demo </p> 
</body> 
</html> 

Cela ne se déclenche pas l'événement onload:

<!DOCTYPE html> 
<html> 
<body> 
<p id="demo" onload="alert('Hello')"> Demo </p> 
</body> 
</html> 

Dans le second exemple, pourquoi l'événement ne se déclenche?

+0

Parce que votre 'p' ne fait jamais _loaded_ il se suffit de lire, etc ... Ensuite, analysable lorsque le' body' est chargé (analyse syntaxique a fini etc ...) , l'événement est viré. En bref, seul le «corps» et ses parents reçoivent cet événement. – somethinghere

Répondre

1

Les éléments qui prennent en charge onload sont

<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> 

une façon d'accéder à tout autre élément de la charge pourrait être en ajoutant une balise de script, comme ci-dessous, mais cela dépend beaucoup de ce que vous wa nt pour atteindre

<!DOCTYPE html> 
 
    <html> 
 
    <body> 
 
     <p id="demo"> Demo </p> 
 
     <script>console.log(document.getElementById('demo').textContent);</script> 
 
    </body> 
 
    </html>

+0

@dippas J'ai aimé l'alerte ......;) – LGSon

1

la onloadpropriété/événement est seulement pour le corps, si vous voulez apporter quelques modifications à la <p> vous devriez le faire dans une fonction définie dans le corps onload propriété