L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
121717 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Azote.org - no...
     Outils de créa...
     K i s s design
     Electroniq...
     L'histoire d'a...
     Les autres
     Votre site ici ?


  > Les méthodes



Une méthode est une fonction associée à un objet, c'est-à-dire une action que l'on peut faire exécuter à un objet. Les méthodes des objets du navigateur sont des fonctions définies à l'avance par les normes HTML, on ne peut donc pas les modifier, il est toutefois possible de créer une méthode personnelle pour un objet que l'on a créé soi-même. Prenons par exemple une page HTML, elle est composée d'un objet appelé document. L'objet document a par exemple la méthode write() qui lui est associée et qui permet de modifier le contenu de la page HTML en affichant du texte. Une méthode s'appelle un peu comme une propriété, c'est-à-dire de la manière suivante:

window.objet1.objet2.methode()

Dans le cas de la méthode write(), l'appel se fait comme suit:

window.document.write()

La méthode write

La méthode write() de l'objet document permet de modifier de façon dynamique le contenu d'une page HTML, on peut l'utiliser de différentes façons:

  • soit en passant directement le texte en paramètres:
    document.write("bonjour");
    qui aura pour effet de concaténer la chaîne 'bonjour' à l'endroit où est placé le script
  • soit en passant le texte par l'intermédiaire d'une variable:
    Chaine='bonjour';
    document.write(Chaine);
    qui aura pour effet de concaténer la chaîne 'bonjour' (contenue dans la variable Chaine)à l'endroit où est placé le script
  • soit en utilisant les deux:
    Chaine='bonjour';
    document.write('je vous passe le' + Chaine);
    qui aura pour effet de concaténer la chaîne 'bonjour' (contenue dans la variable Chaine) à la suite de la chaîne de caractère 'je vous passe le' dans la page HTML
Il est ainsi possible d'utiliser des balises HTML à l'intérieur même de la méthode write:
document.write('<font color="#FF0000">Bonjour</font>');

La méthode writeIn

La méthode writeIn fonctionne exactement comme la méthode write à la seule différence qu'elle ajoute un retour chariot à la fin de la chaîne. Or un retour chariot (en HTML) est ignoré par le navigateur (Rappel: un retour à la ligne se fait avec la balise <BR>). Cette méthode n'a donc un avantage que lorsqu'elle est utilisée entre les balises <PRE> et </PRE> qui formattent le texte comme dans un fichier texte (et donc qui prend en compte le caractère de retour à la ligne).

Définir une méthode pour un objet

Il est possible de définir une méthode pour un type d'objet que l'on a créé en incluant une fonction en tant que propriété d'un objet. Reprenons l'exemple de l'arbre:

On définit tout d'abord un propriétaire:
function Proprietaire(Nom, Prenom) {
Proprietaire.Nom = Nom;
Proprietaire.Prenom = Prenom;
}

Puis on crée une fonction qui affiche le nom du propriétaire d'un arbre ainsi que quelques caractéristiques de celui-ci:
function AfficheInfos() {
alert(this.Proprietaire.Prenom + this.Proprietaire.Nom + 'possede un' + this.Type);
}

Il suffit maintenant de définir l'objet Arbre comme suit:

function Arbre(Type, Taille, Age, Proprietaire, AfficheInfos) {
Arbre.Type = Type;
Arbre.Taille = Taille;
Arbre.Age = Age;
Arbre.Proprietaire = Proprietaire;
Arbre.AfficheInfos = AfficheInfos;
}

Le fait de taper
Arbre1.AfficheInfos aura pour effet de produire un message d'alerte du type:
René Dupont possède un tilleul
Car la méthode AfficheInfos() est appliquée à l'objet Arbre1

Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


Annotations des visiteurs :

De ayache - le 03-03-2005

Peut-on ajouter un hyperlien dans document write(); ?
De krucial - le 08-03-2005

Oui :)
De trenegi - le 12-02-2007

BONJOUR

JE SUIS DéBUTANTE ET VRAIMENT JE NE COMPREND RIEN SUR JAVASCRIPT JE VEUX CREER MON BLOG ET DEPUIS JE SUIS BLOQUEE. JE NE CONNAIS MEME PAS LE DEBUT D'UNE mise en place de javascript dans mon blog pour insérer un article à l'aiiiiiiiiiiiiiiiide.
MERCI D'AVANCE.
De circular - le 21-06-2007

Le nom de la fonction pour écrire avec un retour chariot n'est pas [b]writeIn[b] mais [b]writeln[b] (L minuscule, non pas I majuscule).

>> Poster une annotation sur ce cours


Les autres cours :

|< Les fonctions Les objets du navigateur >|








compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Carat Hosting
100 Mo pour un appel allopass avec Carat Hosting.
http://www.carat-hosting.com/
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65912 membres
4797 comptes CountUs
1839 comptes myCircle

     LES FORUMS :
14 forums
40353 topics
191677 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Hebergement / Linux" du jour par caaptusss
Lorsque vous choisissez votre hébergment, ne prenez pas trop large ! 150 Mo suffisent largement pour un site qui n'a que quelques dizaines de pages ! Vous pourrez alors agrandir votre espace au fur et à mesure que vous en aurez besoin !
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 04/02/2012 04:27:10 | Design by | Gen. en 0.494 sec.