TOP DESIGN
اهلا وسهلا بك عزيزي المبرمج في الموقع العربي الاول المجاني الخاص بدعم المبرمجين المبتدئين

لتستطيع التفاعل والتعلم يجب عليك فتح حساب جديد بالضغط على تسجيل

الموقع مجاني لكل العرب

[Tutoriel] Comment utiliser le code JavaScripts

اذهب الى الأسفل

Tutoriel [Tutoriel] Comment utiliser le code JavaScripts

مُساهمة من طرف Admin في الجمعة 12 يونيو - 18:36

Comment utiliser le code JavaScripts


Où utilisons-nous le code?

Le code JavaScripts peut être utilisé dans les balises ou d'une page HTML

Utilisation de JavaScript dans

Dans l'exemple suivant, nous écrirons la date sous la balise

lors du chargement de la page.

Exemple:


الكود:
<html>
<body>
<h1>La première page Javascript</h1>
<p id="demo"></p>

<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>

ATTENTION:
Arrow Notez que le code JavaScript est placé en bas de la page et assurez-vous qu'il se trouve à la fin de la page, c'est-à-dire après la balise

, car s'il est placé avant, il ne fonctionnera pas correctement.

Fonctions JavaScript

Arrow Le code JavaScript apparaît généralement dans les pages HTML lorsque la page est chargée, mais ce n'est pas toujours ce que nous voulons.

Arrow Parfois, nous devons inclure le code JavaScript lorsqu'un action spécifique se produit, c'est-à-dire lorsque l'utilisateur appuie sur un bouton spécifique, dans ce cas, un script peut être ajouté à l'intérieur d'un code  function.


Arrow Les actions sont généralement utilisés avec des codes fonctionnels tels que l'appel d'un code fonctionnel lorsqu'un action spécifique se produit.

Arrow Vous en apprendrez plus sur les fonction dans les leçons suivantes. lol!

Arrow  Utilisation de JavaScript dans


Arrow Dans l'exemple suivant, un code de tâche sera appelé lorsque vous appuyez sur un bouton.

Exemple:


الكود:
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>La première page Javascript</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Afficher la date d'aujourd'hui</button>
</body>
</html>

Arrow Les codes à l'intérieur de et

Arrow Vous pouvez inclure un nombre illimité de codes sur votre page Web et des codes peuvent être insérés à la fois dans et en même temps.

Arrow  Il est également courant de placer tous les codes javascript dans l'en-tête de la page ou à la fin de la page. De cette façon, tous les codes peuvent être utilisés sans interférer avec le contenu de la page.

Utiliser un fichier JavaScript externe


Arrow  Les codes JavaScript peuvent être utilisés dans des fichiers séparés.
Le fichier externe contient souvent des codes qui peuvent être utilisés à de nombreux endroits différents.
Le format du fichier JavaScript externe est .js

Remarque:
les balises ne doivent pas être utilisées lors de l'utilisation d'un fichier Javascript externe.

Arrow
Pour utiliser un code Javascript externe, le nom et l'emplacement du fichier doivent être spécifiés à l'aide de l'extension src dans la balise de la page HTML


Exemple:

الكود:
<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>

</body>
</html>

Remarque: N'oubliez pas d'appeler le fichier JavaScript exactement à l'espace  où vous souhaitez afficher le code.

Voila, c'est tout pour le moment  Very Happy
MERCI Beaucoup  cheers
Admin
Admin
المدير العام


انثى المساهمات : 334
معدل النشاط : 872
السمعة : 29

معاينة صفحة البيانات الشخصي للعضو https://www.top-des.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

Tutoriel رد: [Tutoriel] Comment utiliser le code JavaScripts

مُساهمة من طرف TOP DeSiGnEr في السبت 13 يونيو - 17:44

Merci frr
TOP DeSiGnEr
TOP DeSiGnEr
مبرمج نشيط


ذكر المساهمات : 112
معدل النشاط : 134
السمعة : 8

معاينة صفحة البيانات الشخصي للعضو https://www.top-des.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

((مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ))


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
روابط مهمة
روابط مهمة
روابط مهمة
جميع الحقوق محفوظة لـ Ⓒ TOP DESIGN