navigateurs Internet ont été créés à l'origine pour afficher des documents simples. Cependant, une fois la popularité de l' Internet a augmenté , les développeurs ont trouvé une nécessité de faire bouger les choses sur la page, comme le changement de couleurs, les polices et les images en fonction de ce que l'utilisateur faisait. Avec le développement des formes de la nécessité a progressé davantage que les méthodes ont été nécessaires pour valider et modifier le contenu des champs de formulaire. JavaScript a été inventé par Netscape pour exécuter ces tâches et est mis en œuvre aujourd'hui dans tous les principaux navigateurs. Choses que vous devez
PC
Browser
éditeur de texte (Notepad va travailler )
Voir Plus Instructions
1

créer un fichier vide sur votre PC. Enregistrez-le dans un répertoire facile à trouver et saisir . Faire l'extension HTM ou HTML du fichier . Le nom du fichier peut être ce que vous voulez, mais quelque chose de simple comme des œuvres « d'essai» . Si vous enregistrez dans votre répertoire temporaire , le chemin complet pourrait être: C: \\ temp \\. Test.html
2

ajouter des balises HTML de base à votre dossier. Ce qui suit est la structure de base d'un document HTML - vous pouvez entrer vous-même , ou tout simplement copier et coller le suivant :

< p> mon fichier de test < /TITLE> Photos <p> <BODY> <br> <p> <H1> Ceci est un test </H1> Photos <p> </BODY> Photos <p> </HTML> Photos <p> Enregistrez le fichier. Ouvrez-le dans votre navigateur avec le fichier /choix de menu Ouvrir. Vous ne devriez pas voir l'un de vos étiquettes , seulement " Ceci est un test " en haut de l'écran, et "My Test File " sur la barre de titre en haut de la fenêtre du navigateur. <br> < Br > 3 <p> ajouter une fonction javascript à l'intérieur de la section de "Tête" de votre document: <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <script type="text/javascript"> <br> fonction <p> hellothere ( word_to_send ) { <br> alerte <p> ( "Bonjour" + word_to_send ) ; <br> <p> } <br> <p> </script> Photos <p> < TITLE> Photos <p> Cette fonction , appelée " hellothere , " sera appelée à partir de la page. Il faut une " variable" appelée word_to_send . Une variable est un endroit pour tenir un morceau de données. Lorsque cette fonction est appelée, elle affichera un message d'alerte sur l'écran qui va dire " Bonjour " plus peu importe le mot a été passé à la fonction de la variable . <br> 4 <p> Ajouter un événement " onload " pour la balise " BODY " . Javascript est motivée par des «événements» . Un moyen événement s'est passé quelque chose sur la page. «Onclick» signifie qu'un utilisateur a cliqué sur quelque chose . " OnBlur " signifie qu'un utilisateur s'est éloigné de quelque chose, comme tabulation sur un champ de formulaire . En ajoutant l'événement onload de la balise body , vous dites, « lorsque cette page web charges , procédez comme suit . " <br> <p> <BODY Onload='hellothere("world")'> < br > <br> 5 <p> Enregistrez votre fichier . Ouvrez-le dans le navigateur. Vous devriez voir une fenêtre qui dit: " Bonjour tout le monde . " <br> 6 <p> Ajouter plus de variété à votre page web . Explorez les différents événements et expériences. Chaque article sur une page web peut être donné un nom et ce nom est utilisé avec des événements pour faire bouger les choses . <br> <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/91076.html' >Comment obtenir une page Web à distance avec JavaScript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/91078.html' >Comment obtenir la source d'un élément d' image en utilisant JavaScript </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/90772.html">Javascript et les expressions régulières pour les codes postaux </a></li><li><a href="/programmation/Programmation-JavaScript/90748.html">Comment faire Scroll compensatoire cumulatif dans jQuery </a></li><li><a href="/programmation/Programmation-JavaScript/91088.html">Comment écrire des scripts appels d'offres en Java </a></li><li><a href="/programmation/Programmation-JavaScript/91018.html">Comment accéder aux attributs d' élément avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91003.html">Comment appeler des fonctions PHP avec jQuery </a></li><li><a href="/programmation/Programmation-JavaScript/91069.html">Comment utiliser JavaScript afin de mettre à jour un titre de page </a></li><li><a href="/programmation/Programmation-JavaScript/90761.html">Date de différence en Java Script </a></li><li><a href="/programmation/Programmation-JavaScript/91191.html">Date JavaScript Tutoriel </a></li><li><a href="/programmation/Programmation-JavaScript/90858.html">Comment insérer jQuery </a></li><li><a href="/programmation/Programmation-JavaScript/91029.html">Comment faire pour changer le texte en majuscule dans JavaScript </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>