« JavaScript » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(démarrage de la refonte de la page)
Ligne 20 : Ligne 20 :


Prenez le code HTML suivant :
Prenez le code HTML suivant :
  <div id="1" class="message" title="Ceci est un message" style="color: red;" etc.>
  &lt;div id="1" class="message" title="Ceci est un message" style="color: red;" etc.>
  ...
  ...
  ...
  ...
Ligne 28 : Ligne 28 :


Comprenez que nous avons fait de la balise <div id="1" ...> un objet javascript.  
Comprenez que nous avons fait de la balise <div id="1" ...> un objet javascript.  
L'objet <code>div</code> possède des propriétés et des méthodes.  
L'objet <code>div</code> possède des propriétés et des méthodes.


==== Propriétés ====
==== Propriétés ====

Version du 25 avril 2008 à 21:24

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Définition

JavaScript est un langage de script léger, orienté objet et multiplateform (Mozilla developer center)

Voir aussi en:ECMASCript et en:JavaScript links

Utilisation

Utilisé principalement comme script "client", agissant depuis le navigateur de l'usager.....

Introduction au javascript (orienté objet)

Qu'est-ce que la définition orienté objet ?
L'utilisation d'un langage orienté objet implique deux choses :
  1. L'utilisation d'un objet,
  2. Un objet possède des propriétés et des méthodes.

Objet

Définissons d'abord ce qu'est un objet. Nous allons voir ce qu'est un objet dans un contexte HTML, dans une page comme celle que vous regardez présentement.

Prenez le code HTML suivant :

<div id="1" class="message" title="Ceci est un message" style="color: red;" etc.>
...
...

Nous allons définir l'objet avec lequel nous voulons travailler depuis ce code

var div = document.getElementByID('1');

Comprenez que nous avons fait de la balise

un objet javascript.

L'objet div possède des propriétés et des méthodes.

Propriétés

Les propriétés d'un objet, ce sont des données définies de notre objet. Dans notre exemple, notre objet div possède déjà de nombreuses propriétés, voyons les plus simples :

div.style ==> "color: red;"
div.id ==> "1"
div.title ==> "Ceci est un message"
Ces propriétés proviennent directement de notre balise
, elles ont été définies depuis les attributs de notre balise.

Il existe de nombreuses autres propriétés à notre objet et qui provienne du contexte HTML dans lequel se trouve notre balise, mais nous ne les verrons pas ici. Vous pourrez trouver une liste plus exhaustive des propriétés d'objets HTML (mettre lien vers une bonne référence...)

Méthodes

Les méthodes des objets sont la plupart du temps appelés les fonctions des objets.

à continuer...

Liens

Manuels

  • JavaScript (Mozilla developer center). Comprend des manuels de référence.
  • Référence du DOM Gecko. Documentation sur l'utilisation de JavaScript dans les navigateurs comme FireFox, Mozilla, etc.

Plus concrétement, javascript peut servir à:

  • Contrôler l'apparence et le contenu de documents HTML
  • Contrôler le comportement du browser, dans une certaine mesure (par exemple, il est possible de créer de nouvelles fenêtres, de les fermer, ...)
  • Interagir avec le contenu d'un fichier HTML, par exemple on peut compter le nombre de liens dans un fichier. Les tags des formulaires (text, checkbox, button, ...) permettent de lire ou écrire des valeurs de (et dans) ces champs
  • Lire et écrire la valeur de cookies pour générer dynamiquement des pages HTML
  • Faire des calculs, utiliser et traiter des variables de type date, ...

Tutoriels