Javascript : langage de programmation dynamique
Javascript est un langage de
programmation dynamique. Il est léger et le plus couramment utilisé comme une
partie de pages Web, dont les implémentations permettent d'interagir avec
l'utilisateur et faire des pages dynamiques. Il s'agit d'un langage de programmation
interprété avec des fonctionnalités orientées objet.
JavaScript a été d'abord
connu sous le nom de LiveScript, mais Netscape a changé son nom en JavaScript,
peut-être en raison de l'excitation générée par Java. JavaScript a fait sa
première apparition dans Netscape 2.0 en 1995 avec le nom LiveScript. Le noyau
général de la langue a été intégré dans Netscape, Internet Explorer et d'autres
navigateurs Web.
JavaScript côté client :
JavaScript côté client est la
forme la plus courante de la langue. Le script doit être inclus dans ou
référencé par un document HTML pour que le code soit interprété par le
navigateur.
Cela signifie qu'une page Web
ne doit pas être un HTML statique, mais peut inclure des programmes qui
interagissent avec l'utilisateur, contrôlent le navigateur et créent
dynamiquement du contenu HTML.
Le mécanisme côté client
JavaScript offre de nombreux avantages par rapport aux scripts CGI côté serveur
traditionnels. Par exemple, vous pouvez utiliser JavaScript pour vérifier si
l'utilisateur a entré une adresse électronique valide dans un champ de
formulaire.
Le code JavaScript est
exécuté lorsque l'utilisateur envoie le formulaire, et uniquement si toutes les
entrées sont valides, elles seront soumises au serveur Web.
JavaScript peut être utilisé
pour intercepter des événements déclenchés par l'utilisateur tels que des clics
de bouton, la navigation de lien et d'autres actions que l'utilisateur
déclenche explicitement ou implicitement.
Avantages de JavaScript :
Les avantages de l'utilisation
de JavaScript sont :
·
Moins
d'interaction avec le serveur
- Vous pouvez valider l'entrée de l'utilisateur avant d'envoyer la page au
serveur. Cela permet d'économiser le trafic du serveur, ce qui signifie moins
de charge sur votre serveur.
·
Commentaires
immédiats aux visiteurs - Ils
n'ont pas à attendre une recharge de page pour voir s'ils ont oublié d'entrer
quelque chose.
·
Interactivité
accrue - Vous pouvez créer des interfaces qui réagissent lorsque l'utilisateur
les survole avec une souris ou les active via le clavier.
·
Interfaces
plus riches - Vous pouvez utiliser JavaScript pour inclure des éléments tels
que des composants glisser-déplacer et des curseurs pour donner une interface
riche aux visiteurs de votre site.
Limitations de JavaScript
Nous ne pouvons pas traiter
JavaScript comme un langage de programmation à part entière. Il manque les
caractéristiques importantes suivantes –
·
JavaScript
côté client ne permet pas la lecture ou l'écriture des fichiers. Cela a été
conservé pour des raisons de sécurité.
·
JavaScript
ne peut pas être utilisé pour des applications de réseautage, car il n'existe
aucun support disponible.
·
JavaScript
ne possède pas de fonctionnalités multithreading ou multiprocesseur.
Encore une fois, JavaScript
est un langage de programmation léger et interprété qui vous permet de
construire de l'interactivité dans des pages HTML autrement statiques.
Outils de développement
JavaScript
Une des forces majeures de
JavaScript est qu'il ne nécessite pas des outils de développement coûteux. Vous
pouvez commencer avec un éditeur de texte simple tel que le Bloc-notes.
Puisqu'il s'agit d'un langage interprété dans le contexte d'un navigateur Web,
vous n'avez même pas besoin d'acheter un compilateur.
JavaScript - Syntaxe
JavaScript peut être
implémenté à l'aide d'instructions JavaScript placées dans les balises HTML
<script> ... </ script> dans une page Web.
Vous pouvez placer les
balises <script> contenant votre JavaScript, n'importe où dans votre page
Web, mais il est normalement recommandé de le garder dans les balises
<head>.
La balise <script>
alerte le programme de navigation pour commencer à interpréter tout le texte
entre ces balises comme un script. Une syntaxe simple de votre JavaScript
apparaîtra comme suit.
<script ...>
JavaScript code
</script>
La balise de script prend
deux attributs importants –
·
Langue
- Cet attribut spécifie le langage de script que vous utilisez. Typiquement, sa
valeur sera javascript. Bien que les versions récentes de HTML (et XHTML, son
successeur) ont éliminé l'utilisation de cet attribut.
·
Type
- Cet attribut est ce qui est maintenant recommandé pour indiquer le langage de
script en cours d'utilisation et sa valeur doit être définie sur "text /
javascript".
Ainsi, votre segment
JavaScript ressemblera –
<script language="javascript" type="text/javascript">
JavaScript code
</script>
Votre premier script
JavaScript :
Prenons un exemple d'exemple
pour imprimer "Bonjour le monde". Nous avons ajouté un commentaire
HTML facultatif qui entoure notre code JavaScript. Ceci est pour enregistrer
notre code à partir d'un navigateur qui ne prend pas en charge JavaScript. Le
commentaire se termine par un «// ->». Ici "//" signifie un
commentaire en JavaScript, donc nous ajoutons cela pour empêcher un navigateur
de lire la fin du commentaire HTML comme un morceau de code JavaScript.
Ensuite, nous appelons une fonction document.write qui écrit une chaîne dans
notre document HTML.
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Bonjour le monde!")
//-->
</script>
</body>
</html
Le résultat :
Bonjour le monde !
Espaces blancs et lignes
JavaScript ignore les
espaces, les onglets et les nouvelles lignes qui apparaissent dans les
programmes JavaScript. Vous pouvez utiliser librement des espaces, des onglets
et des lignes de nouveau dans votre programme et vous êtes libre de formater et
d'indenter vos programmes d'une manière soignée et cohérente qui rend le code
facile à lire et à comprendre.
Les points-virgule sont
facultatifs
Les instructions simples en
JavaScript sont généralement suivies d'un caractère point-virgule, tout comme
en C, C ++ et Java. JavaScript, cependant, vous permet d'omettre ce
point-virgule si chacun de vos énoncés sont placés sur une ligne distincte. Par
exemple, le code suivant peut être écrit sans point-virgule.
<script language="javascript" type="text/javascript">
<!--
var1 = 10
var2 = 20
//-->
</script>
Mais quand il est formaté dans
une seule ligne comme suit, vous devez utiliser des points-virgules –
<script language="javascript" type="text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>
Note - C'est une bonne
pratique de programmation pour utiliser les points-virgules.
Sensibilité à la casse
JavaScript est une langue
sensible à la casse. Cela signifie que les mots-clés, les variables, les noms
des fonctions et tout autre identifiant doivent toujours être tapés avec une
majuscule cohérente des lettres.
Ainsi, les identifiants Time
et TIME transmettront des significations différentes en JavaScript
REMARQUE - Il faut prendre soin d'écrire des noms des variables
et des fonctions en JavaScript.
Commentaires en JavaScript
JavaScript prend en charge à
la fois le style C et les commentaires de style C ++, Ainsi -
Tout texte entre // et la fin
d'une ligne est traité comme un commentaire et est ignoré par JavaScript.
Tout texte entre les
caractères / * et * / est traité comme un commentaire. Cela peut s'étendre sur plusieurs
lignes.
JavaScript reconnaît
également la séquence d'ouverture de commentaire HTML <! -. JavaScript
traite cela comme un commentaire d'une seule ligne, tout comme le //
commentaire.
La séquence de clôture de
commentaire HTML -> n'est pas reconnue par JavaScript, il doit donc être
écrit comme // ->.
Exemple
L'exemple suivant montre
comment utiliser les commentaires en JavaScript
<Script language = "javascript" type = "text / javascript">
<! -
// Ceci est un commentaire. Il est similaire aux commentaires en C ++
......
* Ceci est un commentaire multiligne en JavaScript
* Il est très similaire aux commentaires dans la programmation C
* /
// ->
</ Script>
Activation JavaScript dans les navigateurs
JavaScript - Placement dans un fichier HTML
Types de données JavaScript
Qu'est-ce qu'un opérateur?
Les instructions conditionnelles
JavaScript - Switch Case (Le choix multiple)
Les boucle en JavaScript
La boucle For en JavaScript
La boucle for...in en JavaScript
JavaScript: le contrôle de la boucle
Les fonctions en JavaScript
Leave a Comment