Flux rss
Bookmark Ajouter aux favoris / Partager

Qu'appelle-t-on une méthode?

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. Voici la syntaxe de la méthode write() :

window.document.write(expression1, expression2, ...)

Cette méthode permet d'écrire le résultat des expressions passées en paramètre dans le document dans lequel elle est utilisée. Il est ainsi possible d'uttiliser la méthode write() 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);
    Ce 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);

    Ce 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
  • soit en insérant directement une expression, qui sera évaluée dans un premier temps et dont le résultat sera ensuite affiché:
    Chaine='La racine carrée de 2 vaut : ';
    
    document.write(Chaine+Math.sqrt(2));
Il est notamment 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 writeln

La méthode writeln() 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 dans des éléments HTML sensibles aux retours à la ligne, par exemple entre les balises <PRE> et </PRE> qui formattent le texte comme dans un fichier texte (et qui prend donc en compte les retours à 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) {
this.Type = Type;

this.Taille = Taille;

this.Age = Age;

this.Proprietaire = Proprietaire;

this.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.

Dernière modification le mardi 14 octobre 2008 à 17:40:36.Ce document intitulé « Javascript: les méthodes associées aux objets » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Javascript méthode to string bonjour je m'amuse a faire des challenge en javascript mais jarive pa a comprendre a quoi sert le to string avec la chaine fin en clair ce code source la : question=prompt("Quel est le mot de passe ?")... www.commentcamarche.net/forum/affich-2708615-javascript-methode-to-string
[javascript] connaitre la position d'un objet bonsoir, je voudrais savoir s'il existe en javascript une fonction, méthode, ... qui retourne la position ( par rapport à l'écran ) d'un objet ??? ou qqe chose dans le ce gout là .. & si possible savoir un peu comment ça fonctionne, ... ( ske ça... www.commentcamarche.net/forum/affich-429476-javascript-connaitre-la-position-d-un-objet
Javascript - L'objet Math Les particularités de l'objet Math L'objet Math est, comme vous l'imaginez, un objet qui a de nombreuses méthodes et propriétés permettant de manipuler des nombres et qui contient des fonctions mathématiques courantes. Quelque soit la méthode ou la... www.commentcamarche.net/contents/javascript/jsmath.php3
VBA et les collections d'objets.VBA et les collections d'objets Quand plusieurs (beaucoup de) contrôles sont mis sur une feuille ou un Userform il est parfois fastidieux d'écrire du code dans chaque évènement des contrôles. Ce Tuto vous permet de traiter vos contrôles comme... www.commentcamarche.net/faq/sujet-10397-vba-et-les-collections-d-objets
Javascript - Connaître la hauteur d'un élément HTMLSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML... www.commentcamarche.net/faq/sujet-11739-javascript-connaitre-la-hauteur-d-un-element-html
Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
[PERL]reference sur la methode d'un objetBonjour, lorsque l'on cré un thread, une solution est de faire use threads; threads->new( \&method, $arg1, $arg2,...); Mon problème est que dans mon cas, il s'agit de lancer dans un thread la méthode d'un objet. Comment faire une reference sur la... www.commentcamarche.net/forum/affich-2757895-perl-reference-sur-la-methode-d-un-objet
[Javascript] récupérer l'objet d'un selectSalutations, Y a t il la possibilité de récupérer en javascript d'un champ select ? Plus précisément, j'ai une méthode php appelé par de l'ajax, qui m'affiche une liste de page dans un avec un bouton valider. ce qui donne quelque chose du... www.commentcamarche.net/forum/affich-6712333-javascript-recuperer-l-objet-d-un-select
Methodes de tri des tableaux algo (Résolu)bonjour j'aimerai recevoir des cours sur les methodes de trie des tableaux en algorithme en effet je suis en 1ere d'info je ne connais aucun language je fais pour le moment qu'une intiation en algoritmique donc tachez de ne guere m'envoyer des sites... www.commentcamarche.net/forum/affich-2210823-methodes-de-tri-des-tableaux-algo
Télécharger JavaScript ObfuscatorJasob JavaScript Obfuscator est un logiciel de protection de code Javascript. Il intègre une interface simple. Il vous permet de convertir votre code Javascript en un code incompréhensible pour l’homme mais lisible pour le navigateur. Le logiciel... www.commentcamarche.net/telecharger/telecharger-34056889-javascript-obfuscator
Javascript - Les événementsQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est... www.commentcamarche.net/contents/javascript/jsevent.php3
Javascript - L'objet windowLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de... www.commentcamarche.net/contents/javascript/jswindow.php3
Javascript - L'objet DateLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La... www.commentcamarche.net/contents/javascript/jsdate.php3