Comment utiliser cette variable JavaScript dans HTML?

Comment utiliser cette variable JavaScript dans HTML?

HTML avance maintenant même dans plusieurs cadres du développement Web qui facilitent la vie pour les développeurs. Cependant, il existe plusieurs fonctions de JavaScript utilisées en HTML pour rendre les sites Web plus attrayants. Lorsqu'un objet est chargé en HTML, la propriété Onload est activée. Cela exécutera le script à chaque fois que l'élément correspondant charge. L'événement Window Onload est déclenché chaque fois qu'un lancement de page Web réussi se produit.

Cet article expliquera la méthode pour utiliser cette variable JavaScript dans HTML.

Comment utiliser cette variable JavaScript dans HTML?

Pour utiliser cette variable JavaScript dans HTML, essayez les instructions données.

Étape 1: Créer un conteneur «div»

Tout d'abord, créez un conteneur «div» à l'aide du «<div>" étiqueter. Aussi, insérez un «identifiant«Attribut et attribuez un nom à l'ID à l'intérieur de la balise d'ouverture« div »:


Étape 2: Définissez la fonction JavaScript

Dans le "»Element, nous spécifierons le code suivant:


Dans l'extrait indiqué ci-dessus:

    • Tout d'abord, définissez «fenêtre.en charge”Fonction qui s'appelle lorsque la fenêtre rechargera.
    • Ensuite, initialisez une variable avec le nom qui apparaîtra sur la fenêtre après le chargement.
    • "var longueur de nom”Est ​​utilisé pour calculer la longueur du nom entré.
    • "document.getElementByid ().innerhtml”Renvoie l'élément HTML en tant qu'objet JavaScript qui a la propriété prédéfinie innerhtml. Le "innerhtml»La propriété contient le contenu de la balise HTML.

On peut observer que l'objet actuel est accessible et que la longueur de sa valeur intérieure a été affichée:


Il s'agit d'utiliser cette variable JavaScript dans HTML.

Conclusion

Pour utiliser cette variable JavaScript dans HTML, définissez le «fenêtre.en charge”Fonction qui s'appelle lorsque la fenêtre recharge. Après cela, initialisez les variables "fname" et "longueur de nom”Pour calculer la longueur du nom entré. Le "document.getElementByid ().innerhtml”Renvoie l'élément HTML en tant qu'objet JavaScript qui a la propriété prédéfinie innerhtml. Cet article a expliqué l'utilisation de cette variable JavaScript dans HTML.