Javascript

JavaScript
Présenté Par:
Aymen Bouchekoua
Octobre 2010
PLAN
I. HTML (just to remember)

II. Qu’est ce que JavaScript?
III. Où se place le JS?
IV. Les boites de dialogues
V. Variables, conditions, boucles, et tableaux
VI. Les fonctions
VII. Application formulaire
I. HTML
 HTML est un langage de balisage utilisé pour créer des sites web
 L’éditeur: Bloc-notes, Notepad++, Eclipse, Aptana…
 HTML est basé sur des balises. Les plus utilisés sont:
 <p>…</p> pour écrire les paragraphes;
<h1 ou 2 ou 3>…</h1 ou 2 ou 3> pour écrire les titres;
<img /> pour insérer les images;
 <head> et <body> pour organiser le texte;
 <a href=“lien">Le nom du lien</a> pour créer les liens.

I. HTML
EXEMPLE DE CODE HTML:
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<p>Contenu de la page Web</p>
<a href=“lien">Le nom du lien</a>
</body>
</html>
PLAN
I. HTML
IV. Les boites de dialogues.
V. Variables, conditions, boucles et tableaux.
VI. Les fonctions.
VII. APPLICATION FORMULAIRE.
 JavaScript est un langage de programmation de scripts
 JS est intégré dans le code HTML
 JS permet de dynamiser une page HTML, en ajoutant des interactions

avec l'utilisateur, des animations, de l'aide à la navigation
 JS est un langage dit client-side. càd les scripts sont exécutés par le
navigateur chez le client
• Quelques exemples de sites qui utilisent le code JS

 scripty2
Cli framework
jQuery Memotest:
JavaScript Best code
PLAN
I. HTML
VI. Les fonctions.
VII. APPLICATION FORMULAIRE.
o3 méthodes:
1er Méthode: directement dans les balises HTML, à l'aide d'un gestionnaire
d'événements.
<a href="#" onclick="alert('Salut')">Cliquez</a>
Quelques événements :
click : un clic de la souris sur l'élément
dblclick : un double-clic sur cet élément
mouseover : la souris passe sur cet élément
mouseout : la souris sort de cet élément (en quelque sorte le contraire de mouseover).
 2ème Méthode: entre les balises <script> </script> propres au

JS. C’est la méthode la plus utilisée.
<script type="text/javascript">
alert("bonjour");
</script>
3ème Méthode: dans un fichier externe, portant l'extension .js, qui

sera importé au chargement de la page.
<script type="text/javascript" src="fichier.js"></script>

QUELLE EST LA MEILLEURE METHODE???
PLAN
I. HTML
IV. Les boites de dialogues
V. Variables, conditions, boucles et tableaux
VI. Les fonctions
IV. Les boîtes de dialogues
 elles servent à dialoguer avec l'utilisateur. On distingue 3 sortes:
a. Afficher du texte;
b. Demander une chaine de caractères;
c. Demander « oui » ou « non »…
a. Afficher du texte
<script> alert('Bonjour'); </script>

b. Demander une chaîne de caractère
var commentaire = prompt("Dites-nous ce que vous

voulez", "Votre message ici");
c. Demander « oui » ou « non »
var continuer = confirm("Voulez-vous continuer ?");

PLAN
I. HTML
VI. Les fonctions.
V. Variables, conditions, boucles, et tableaux
 Une variables:
 Var nom_du_variable;
 Les fonctions de test(if…else ou switch)

 Boucle (for ou while)
 Un tableau:
var monTableau = new Array(valeur0, valeur1, valeur2);

var t = monTableau;
PLAN
I. HTML
VI. Les fonctions.
VI. Les fonctions
 On peut déclarer une fonction de 2 manières.
 La première utilise le mot-clé function :
function f(x,y)
// code
return valeur;
};
VI. Les fonctions
 La seconde utilise directement une variable :
var f = function(x,y)
{
// code
return valeur;
};
PLAN
I. HTML
VI. Les fonctions.
‫شكرا جزيال على‬
‫حسن انتباه كم!!!‬

Javascript

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Javascript

Transféré par

Droits d'auteur :

Formats disponibles

JavaScript

I. HTML (just to remember)

 L’éditeur: Bloc-notes, Notepad++, Eclipse, Aptana…

 <p>…</p> pour écrire les paragraphes;

<h1 ou 2 ou 3>…</h1 ou 2 ou 3> pour écrire les titres;

<img /> pour insérer les images;

 <head> et <body> pour organiser le texte;

 <a href=“lien">Le nom du lien</a> pour créer les liens.

 JavaScript est un langage de programmation de scripts

 JS est intégré dans le code HTML

 JS permet de dynamiser une page HTML, en ajoutant des interactions

• Quelques exemples de sites qui utilisent le code JS

<a href="#" onclick="alert('Salut')">Cliquez</a>

 2ème Méthode: entre les balises <script> </script> propres au

3ème Méthode: dans un fichier externe, portant l'extension .js, qui

<script type="text/javascript" src="fichier.js"></script>

 elles servent à dialoguer avec l'utilisateur. On distingue 3 sortes:

<script> alert('Bonjour'); </script>

var commentaire = prompt("Dites-nous ce que vous

var continuer = confirm("Voulez-vous continuer ?");

 Les fonctions de test(if…else ou switch)

var monTableau = new Array(valeur0, valeur1, valeur2);

 On peut déclarer une fonction de 2 manières.

 La première utilise le mot-clé function :

 La seconde utilise directement une variable :

Vous aimerez peut-être aussi