TUTORIAL: Javascript Introductory
- derfleurer
- Beginner


- Inscription: Juin 27, 2005
- Messages: 56
- Status: Offline
Bon, ce n'est pas complète. En fait, son loin de là. Mais theres bien assez là pour vous aider à démarrer. 
Oh, et pour compenser cette annonce sur un forum, la place des liens interactifs, Ive a fourni de texte à l'effet de: Bar Adresse: javascript & #058; confirmer (Etes-vous sûr? ); void (0) . Ceci est juste une simple demande de copier et coller le texte en italique dans la barre d'adresse et cliquez sur "go".
JavaScript, introduit en Décembre de 95 ans, est un client-côté, à base d'objets langage de programmation destiné à la manipulation de documents HTML et XML. Maintenant, le Javascript n'est pas un objet à part entière langage orienté, mais il est en effet fondée sur l'objet et, malgré les rumeurs que vous avez entendu mai, theres beaucoup plus à cette langue que les pop-ups and roll-over flashy effets. Disons, par exemple, vous travaillez à la librairie locale et la nécessité de compiler et d'organiser une liste de livres qui entrent et sortent. Vous pourriez créer un objet qui a enregistré ces données pour vous et vous a permis d'y accéder et vérifier les modifications récentes sur le coup. Et déjà demandé comment ces sites "professionnels" créer ces accélération / décélération de barres de défilement? Eh bien, ils le font avec flash, mais il pouvoir être fait avec JavaScript (qui a été tenté humour). Alors, toujours pas convaincu que JavaScript est valeur de l'apprentissage? Ou peut-être son juste été trop complexe d'un concept dans le passé? Eh bien, si vous avez répondu oui à la première question, vous êtes une cause perdue. Quant au second, Ive fait de mon mieux pour couvrir ces informations dans l'union parler - donc ne vous inquiétez pas, im ne vais pas vous noyer dans les cours d'histoire.
Maintenant que weve obtenu passé les formalités, nous pouvons nous concentrer un peu plus sur les capacités JavaScripts. Alors, qu'est - exactement cela peut-il se demander "langue" faire?
La liste ci-dessus, bien sûr, ne pas tout couvrir. Mais je suppose qu'il devrait être suffisant pour obtenir votre esprit bourdonnement. Maintenant donc, prêt à commencer à coder?
JavaScript peut être inséré directement dans un document HTML via l'HTMLScriptElement.
Pas pris un départ compliqué, non? Bien être la compilation de notre script dans les balises d'ouverture et de clôture de cet élément. L'attribut type est simplement là pour s'assurer que le navigateur sait quel type de données de son affaire.
Un élément clé à retenir lors de l'insertion de votre script que JavaScript ne peut traiter ce que le document a déjà chargé. Et quand on y pense, c'est parfait (vous ne pouvez pas changer ce qui n'existe pas encore). Donc, si nous voulions modifier le corps du document, Me éviter de placer le script dans l'en-tête. gif "alt =";-)" title =" Wink "/> Mais avant de continuer, vous devriez être au courant de certains défauts JavaScripts. Pour l'un, comme vous pouvez bien l'imaginer, JavaScript n'a pas vu le jour en même temps que l'Internet, les navigateurs afin antérieures ne sont pas équipés pour lire et interpréter --- résultant en lignes sur les lignes du script apparaissant sous forme de texte clair sur l' page. Une autre faiblesse principale est que, par mesure de précaution, les utilisateurs mai activer / désactiver JavaScript à volonté. En bref, cela signifie que vous ne peut pas s'attendre à chacun de voir le résultat que vous voulez.
Alors, est-JavaScript pas toutes ses fissuré à l'être? Certainement pas. En fait, ces défauts peuvent être facilement forgées de toutes pièces (à commencer par le bloc de script).
Tous les navigateurs prennent en charge les commentaires HTML, donc les navigateurs qui ne reconnaissent pas le javascript complètement ignorer le texte à l'intérieur. Toutefois, les navigateurs qui faire support JavaScript prendra note du type de script et d'exécuter le code. Et que dire du nombre de défauts 2? Simple. Le HTMLNoScriptElement.
Je doute que cela nécessite aucune explication, mais l'enfer, je l'aime à babiller. Le code entre les balises noscript s'exécute lorsque JavaScript est désactivé. Ces balises sont le plus couramment utilisé pour afficher des messages tels que: «Pour une meilleure expérience de navigation, s'il vous plaît activer JavaScript, mais, si besoin est, vous pouvez exécuter quelques centaines de lignes de CSS et HTML.
Ill être honnête avec vous, le codage en JavaScript peut être un travail salissant, et vous êtes lié pour les erreurs enumerous. Mais heureusement, étant un langage côté client, JavaScript est interprété par le navigateur et ne nécessite pas un compilateur. Cela signifie que lorsque confronté à une erreur, le navigateur va simplement arrêter l'exécution du script et continuer sur le reste du code source.
Semble brève, mais fort bien être de revenir plus tard.
Comme avec la plupart des langages de programmation, JavaScript embrasse commentaires. Ces observations seront pas exécuter le code et simplement nous permettre de guider nous-mêmes (ou d'autres) grâce à un script. En JavaScript, il existe deux types d'observations: l'une en ligne et sur plusieurs lignes. Un des commentaires en ligne sont initiée par deux dernières barres obliques et se terminent lorsque la ligne est cassée. Multiples commentaires en ligne sont un peu plus complexe. Elles sont initiées avec une barre oblique précédée d'une Asterick et terminée en face (ne vous inquiétez pas, c'est pourquoi nous avons des exemples).
Le navigateur va reconnaître ce sens que les commentaires et décidément les ignorer. Mais...Et si nous avons utilisé des caractères spéciaux et des déclarations dans nos commentaires? Souhaitez le navigateur puis les interpréter comme du code?
La réponse est non. Jetez un œil au script ci-dessus. Youd pense que la ligne crée un commentaire, d'y mettre fin, et créer un nouveau. Mais en fait, "/ / Bonjour!" est ignoré par le navigateur entièrement. Nous pourrions écrire mille barres obliques précédente d'un autre et le navigateur ne serait-il reconnaître tous comme un seul commentaire et se déplacer le long par l'intermédiaire du script. Pour résumer, jusqu'à ce que vous y mettre fin, vous pouvez mettre ce que vous souhaitez dans vos commentaires.
Et maintenant, qui étaient dans les commentaires, je crois qu'il faut qu'on sache que la fermeture ne sera pas toujours "-->" analyser correctement (parfois JavaScript-enabled navigateur va essayer de lire la ligne en tant que script). Nous ne pouvons empêcher que cela se passe en écrivant "-->" comme une seule ligne de commentaire.
Alright, autant weve appris ce que JavaScript est, comment le déclarer, ce qu'il peut faire, ses avantages et ses inconvénients, et la façon d'écrire des commentaires en son sein. Si vous avez besoin d'une pause, allez-y, prends-la. Ce tutoriel ne va nulle part.
Le prochain sera bien l'impression de texte sur un document.
Comme je l'ai dit auparavant, JavaScript est basée sur les objets. Ce qui signifie qu'elle travaille à l'extérieur de toute une bibliothèque d'actions construites sur l'autre. Jetez un oeil sur le code ci-dessus. Un objet est simplement une «chose» avec ses propres caractéristiques uniques et des actions. Prenez par exemple la moyenne de l'homme-être. Nous avons caractéristiques (cheveux, yeux, peau-ton), et nous avons des actions que nous pouvons accomplir (parler, marcher, sauter, manger). Tel est le fondement d'un objet à base de langue. Regardez à nouveau le script ci-dessus. document C'est notre objet et write () est l'une des nombreuses actions qu'il peut effectuer. Une des propriétés des objets et des actions sont rendues accessibles par le biais de tableaux associatifs et [ou] - dans le cas ci-dessus - JavaScripts point-structure.
Confondre commandes? Ouais, ça peut être. Mais ne vous inquiétez pas, vous êtes juste de commencer. Eh bien y revenir dans un autre tutoriel. gif "alt =";)" title =" Wink "/>
Or donc, car je n'ai pas encore d'expliquer quoi la ligne au-dessus de code fait... document Adresses le document que le JavaScript est actuellement à l'intérieur et write () Etats d'imprimer le texte au TAPE nothesis sur elle. Gardez à l'esprit que JavaScript est sensible à la casse, afin de coder Document. write ( "Bonjour Monde") voyage serait une erreur. Le point-virgule à la fin de cette ligne de code, assez simplement, il se termine. Son techniquement pas nécessaire à moins que vous effectuez plusieurs actions sur une seule ligne, mais ses bonnes pratiques à mettre de toute façon.
Contrairement à tout autre chose dans ce tutoriel, je vais pas prendre soin d'examiner tous les cas où un point-virgule est ou n'est pas nécessaire. C'est quelque chose que vous êtes mieux figurer vous-même.
Quand vous allez à ouvrir un fichier sur votre ordinateur, vous noterez que près du bas de la fenêtre est une liste déroulante intitulée "Fichiers de type." Ces types peuvent aller n'importe où de txt en wav en jpg. Ces extensions peu d'aide de l'ordinateur d'identifier et de trier les différents types de données. Si ce n'était pas pour eux, vous pourriez finir par l'ouverture des fichiers image dans le Bloc-notes.
La même chose vaut pour JavaScript (le plus et l'ordinateur Anything-connexes). Comme les langages de programmation de plus en plus vaste, il devient un besoin accru de l'organisation des données.
JavaScript a 5 primitives --- types de données les éléments de base sur lesquelles, des types plus complexes de données (types de données composites) sont construits.
Sur les 5, prendre mal la liberté de vous expliquer chaînes, les nombres et les booléens.
Cordes
Rappelons-nous nos document.write () script. Alors envisager cela, dans ce script, nous avons imprimé Bonjour tout le monde à la page. Mais que faire si nous voulions imprimer document à la page? Car document tient la place d'un objet en JavaScript, thats pas vraiment possible, est-il? Mais sûrement il doit y avoir un moyen. Theres sûrement une manière d'obtenir le navigateur faire la différence entre spéciales textes et plaine
Notez que Bonjour tout le monde est dans les citations. Strings, notre premier type de données, d'informer le navigateur que certains textes ne doit pas être analysé. Cela signifie que nous pouvoir affichez en fait document à la page.
Les chaînes sont lancées et terminées par des guillemets simples ou doubles. L'astuce vient où vous voulez placer citations
Selon le type de citation que vous utilisez pour ouvrir la chaîne, l'autre peut être utilisé à l'intérieur. En commençant par un guillemet, nous pouvons placer des guillemets simples dans la chaîne, et en partant d'un seul, soit le double de la chaîne. Maintenant la suite, vous souhaitez écrire à la fois à l'intérieur.
C'est à ce moment antislash entre en scène. Type de chaînes comme, il empêche de simples caractères d'être analysé. Ci-dessus, nous avions besoin d'utiliser les deux types de citations dans notre chaîne. Depuis que nous avons lancé la chaîne avec un guillemet, nous ne pouvions pas utiliser un guillemet dans la chaîne. En plaçant une barre oblique inverse devant ces doubles, leurs propriétés spéciales sont éliminés et ne met pas fin à la chaîne. Heres ce qui se passerait si nous n'avions pas fait cela:
Le navigateur va ouvrir la chaîne à la première citation et la terminer à la seconde ( "Im lecture"). Puis, comme l'absence de cotations autour de lui, itll essayer d'exécuter The Three Little Pigs en tant que script. Ainsi, l'erreur, et pourquoi nous devons backslash s'échapper.
Les chaînes sont un très importante partie de la communication. Tant avec l'utilisateur et le navigateur. C'est pourquoi tant de nombreuses méthodes (des actions à effectuer) sont offerts à agir sur les cordes, allant de s'emparer, à remplacer, à l'appariement des chaînes de caractères dans une chaîne. Plus loin dans ce tutorial, bien faire des choses cool avec eux comme la validation des formes et de cryptage des mots de passe. Mais pour ce faire, il faudra savoir de nos deux prochains types de données. So lets get going!
Numéros
Nombres, où serions-nous sans eux? Eh bien, certainement pas ici, à naviguer sur le Web. L'enfer, il wouldnt être même des ordinateurs (calculateurs ou autrement)! Et comment serait le monde survivre sans calcul du secondaire? Alright, thats peut-être trop. Mais vous ne pouvez pas nier que les mathématiques sont partout autour de nous. On prend du temps en juger par comptage des rotations orbitales, nous jugeons les longueurs en fonction de paramètres, nous avons la maturité juge fondée sur l'âge (rawr), its all about montants. Et bien sûr, JavaScript wouldnt être complète si elle ne supporte pas quelque chose de si fondamental.
Bon, alors nous avons écrit un nombre à la page. La belle affaire, hein? Eh bien, ça va mieux (vraiment). Maintenant que sont en nombres, je peux en parler opérateurs !
JavaScript offre une grande variété d'opérateurs qui vous permettent d'assigner des valeurs, comparer les opérandes, concaténer cordes, exécuter des opérations arithmétiques, etc Et voyant qui n'étaient que des numéros, vous pourrez commencer à apprendre l'arithmétique.
Arithmétique et rassemblant les opérateurs
+ Addition; 2 + 1
- Soustraction; 7-5
* Multiplication; 4 * 3
/ Division 8; 2
Module%; 9% 4
() Groupement; (8 + 2) * 3
Pretty straight-forward. Seuls ceux que devraient avoir à expliquer sont module et de regroupement. Module est tout simplement le reste vous obtenez lorsque la division de deux opérandes. 9% 4 par exemple, renvoie 1 car 4 ne peut aller que dans 9 deux fois (plus que de 8, 9 - 8 = 1). Regroupement en JavaScript fonctionne exactement le même qu'il serait en mathématiques de base. JavaScript suit l'ordre des PEMDAS, groupement ainsi est souvent nécessaire lorsque vous souhaitez ajouter avant de multiplier, etc
Effectuez les opérations et que faisons-nous réussir? 62. Mais le plaisir ne s'arrête pas là. JavaScript supporte également un nombre variable (par exemple 6.21) et des négatifs.
Rien de spécial ici. Sauf bien sûr, la dernière opération. Peut-on vraiment de soustraire un certain nombre d'une chaîne? La réponse est oui. Vous pouvez effectuer une des opérations ci-dessus, tant que cette chaîne ne contient que des nombres. Si nous étions à-dire soustraire -3 à partir de "8a", notre résultat serait le type de données NaN (pas un nombre). Le seul problème réel pour effectuer des opérations arithmétiques sur des chaînes est la concaténation.
La concaténation de chaîne se produit lorsqu'un + est effectuée entre deux opérandes, l'un d'eux est une chaîne. Son une opération simple qui combine les caractères des deux opérandes en une chaîne. Juste une autre raison de se méfier de ce type de données que vous avez affaire.
Ill envelopper cette place par l'introduction d'opérateurs de comparaison et, par ricochet, les booléens (yay).
Opérateurs de comparaison
> Grande-que; 10> 4
<Inférieur; def "abc" < ""
> = Supérieur ou égal à 9;> = 9
<= Inférieur ou égal à 2 <= 4
== Égaux; 9 == "9"
! = N'équivaut pas 8! = 7
=== Equals (valeur et type); 4 === 4
! == Ne pas égaux (en valeur et type); 5! == "5"
Les quatre premiers ne devraient pas prendre d'expliquer beaucoup. "abc" < "def" devrait être le seul esprit-boggler. Ainsi, non seulement nous pouvons ajouter des chaînes ensemble, mais nous pouvons les comparer? Bien sûr, pourquoi pas? Ce que vous voyez ( "abc" < "def") est appelée comparaison de chaîne lexicographique. Ce principe vérifie si les cordes sont dans l'ordre par caractère (...6789abcdef...), Et voyant que le premier caractère de notre premier opérande "abc" est "un", et il appartient effectivement avant le premier caractère dans notre deuxième opérande "def" ( "d"), "abc" est inférieur à "def". Si les deux opérandes ont commencé avec le même caractère, la comparaison aurait été entre les deux caractères suivants et ainsi de suite.
Quant aux quatre derniers, ils prennent un peu plus de réflexion. == Vérifie si les deux opérandes ont le même valeur (par exemple, 9 et "9"),! contrôles = si les deux ne ont la même valeur (par exemple 8! = 7). === Et! == Toutefois vérifier tant pour la valeur et type. Cela signifie que tandis que 9 == "9" est vrai, 9 === "9" n'est pas parce qu'on est un nombre et on est une chaîne.
Booléens
Chacun des exemples de comparaison précédente retour un type de données booléen. Les booléens sont des entités logiques, que ce soit vrai ou faux.
Pas grand chose à dire ici. Toute opération de comparaison qui n'est pas vrai est booléen faux. Et des chaînes vides, 0s, undefineds, des extinctions, et NaNs sont toutes fausses booléen. Assez tôt, bien être l'exécution de tâches basées sur ces principes. En fait, il vient de mai-être bien de travailler davantage avec les booléens que des chaînes et des numéros de combinés! Et tandis étaient l'objet d'entités logiques, il semble que juste d'introduire Opérateurs logiques ! : p
Opérateurs logiques
! pas;! (6 / 2 == 4)
& &, Et 2 + 4 == 6 & & 2 + 4 <7
| | Ou 3 - 1> 3 | | 3 - 1 <4
Alright, We've got arithmétique, la comparaison et les opérateurs logiques dans un seul bateau ici, donc faites attention. Notre première opération,! (6 / 2 == 4), dit de retourner boolean true si 6 / 2 == 4 est booléen faux (un autre exemple, ! faux Retourne true). Notre seconde opération, 2 + 4 == 6 & & 2 + 4 <7, retourne true si 2 + 4 soit 6 et 2 + 4 est inférieur à 7. Notre dernière opération est probablement la plus délicate. Contrairement aux deux autres, elle ne retourne pas un booléen. Au lieu de cela, il envoie un de ses deux opérandes. Heres la répartition: Si le premier opérande booléen est vrai, il est retourné. Si le premier opérande est booléen faux, cependant, le second opérande est retourné. Si trivial que cela semble, cette tâche est effectivement vraiment formidable. Et bien qu'elle soit mise dans une certaine utilité réelle dès que la section suivante.
Or donc, avant la prochaine section, heres un résumé. Jouez avec lui.
Très bien, maintenant le vrai plaisir (et potentiellement létale) Stuff, les pop-ups! Mais pas du genre dont vous avez besoin pour un bloqueur. Ce sont des pop-up cases , Utilisé pour relayer les messages et interagir avec l'utilisateur. Portez une attention particulière ici, eh bien les utiliser pour le reste de ce tutoriel.
First up, alertes. Si vous ne savez pas ce qu'est une alerte est, la barre d'adresses: alert ( "Bonjour le monde!"); void (0) .
Et avant de se plonger trop profondément dans les choses, je me this c'est le moment idéal pour parler de fonctions. En JavaScript, une fonction est simplement un appareil autonome de script. Jusqu'à présent, weve appelé deux fonctions différentes, write () et alert () . En transmettant les données (paramètres) grâce à une fonction, nous lui donnons l'information de jouer avec et à manipuler. Ci-dessus, notre argument est la chaîne "Bonjour tout le monde." La fonction sera exécuter, et de la pop une alerte sur la page avec les informations que vous a donné.
Plus loin dans ce tutoriel, ont ainsi une section entière consacrée à des fonctions, mais pour l'instant, c'est tout ce que vous devez savoir: self-contained theyre code qui mai mai ou ne requièrent des arguments en vue d'exécuter.
Maintenant c'est quelque chose de s'énerver plus. Une invite, comme son nom l'indique, invite l'utilisateur pour lui demander d'entrée. Il ya deux arguments ici, la requête, et l'entrée. Barre d'adresses: prompt ( "requête", "input"); void (0) Retours l'entrée! Heres un exemple nifty,
Alright, étaient passant un argument par la fonction write (), une grosse et longue chaîne de caractères concaténées. prompt () retourne l'apport des utilisateurs. Et puisque notre demande demande un nom, nous devrions avoir une impression pour le document comme "Hey, Aaron. Bienvenue sur mon site." Ce n'est pas tous les amusement et de jeux ici, cependant. Si l'utilisateur ne dispose pas d'apport, l'invite renverra une chaîne vide "", et si ils ont frappé sur Annuler, le message sera de retour un type de données NULL (ce qui signifie qu'aucune saisie existe).
Mais on peut être habile à ce sujet. N'oubliez pas que notre logique ou opérateur renvoie un de ses deux opérandes basée sur la valeur booléenne de la première. Et comme les valeurs NULL et les chaînes vides sont booléen faux, nous ne pouvons en place cette plate-forme,
Avec ce qui précède, si notre utilisateur fournit des données, le message sera de retour cette entrée, et le premier opérande seront booléen vrai. À son tour, le | | opération sera de retour cet apport. Si l'invite (notre premier opérande) retourne NULL ou "" Cependant, l'opération sera de retour le second opérande à la place, la chaîne "pas de nom. "Maintenant passons à l'appliquer,
Handy truc, n'est-ce pas? Nous utilisons le regroupement des opérateurs (le PARE nothesis) autour de la | | l'opération parce que nous voulons qu'il retourne une valeur, avant d'être concaténées dans la chaîne. Très bien, maintenant sur les boîtes de confirmation, des choses que nous ne pouvons malheureusement pas d'un usage beaucoup plus en ce moment (mais theyre still pretty).
Barre d'adresses: javascript & #058; confirm ( "Are you sure? "); void (0) . Confirmation des boîtes passer qu'un seul argument, et comme invites, ils ont des valeurs de retour. Quand un utilisateur clique sur Ok, un booléen TRUE est retourné, et, quand ils cliquent sur Annuler, un faux booléen.
Et pour conclure cette section en place, Voici un exemple de faire usage de chaque case et notre belle opérateur | |. L'étudier et de continuer sur le moment où vous êtes prêt.
Barre d'adresses: confirm ( "Voulez-vous partir? ") | | Alert (" Bonjour, "+ (prompt (" Im heureux que vous ayez décidé de rester, votre nom? "," ") | |" No Name ")); void (0)
Oh, et pour compenser cette annonce sur un forum, la place des liens interactifs, Ive a fourni de texte à l'effet de: Bar Adresse: javascript & #058; confirmer (Etes-vous sûr? ); void (0) . Ceci est juste une simple demande de copier et coller le texte en italique dans la barre d'adresse et cliquez sur "go".
Introduction
JavaScript, introduit en Décembre de 95 ans, est un client-côté, à base d'objets langage de programmation destiné à la manipulation de documents HTML et XML. Maintenant, le Javascript n'est pas un objet à part entière langage orienté, mais il est en effet fondée sur l'objet et, malgré les rumeurs que vous avez entendu mai, theres beaucoup plus à cette langue que les pop-ups and roll-over flashy effets. Disons, par exemple, vous travaillez à la librairie locale et la nécessité de compiler et d'organiser une liste de livres qui entrent et sortent. Vous pourriez créer un objet qui a enregistré ces données pour vous et vous a permis d'y accéder et vérifier les modifications récentes sur le coup. Et déjà demandé comment ces sites "professionnels" créer ces accélération / décélération de barres de défilement? Eh bien, ils le font avec flash, mais il pouvoir être fait avec JavaScript (qui a été tenté humour). Alors, toujours pas convaincu que JavaScript est valeur de l'apprentissage? Ou peut-être son juste été trop complexe d'un concept dans le passé? Eh bien, si vous avez répondu oui à la première question, vous êtes une cause perdue. Quant au second, Ive fait de mon mieux pour couvrir ces informations dans l'union parler - donc ne vous inquiétez pas, im ne vais pas vous noyer dans les cours d'histoire.
Maintenant que weve obtenu passé les formalités, nous pouvons nous concentrer un peu plus sur les capacités JavaScripts. Alors, qu'est - exactement cela peut-il se demander "langue" faire?
- * Il peut interpréter un formulaire et envoyer une réponse sans recharger la page
- * Il peut créer la dynamique et l'interactivité sur une page Web
- * Il peut stocker et lire des cookies sur le navigateur aux utilisateurs un
- * Et bien sûr, il peut créer ces roll-over effets flashy que tout le monde aime tant
La liste ci-dessus, bien sûr, ne pas tout couvrir. Mais je suppose qu'il devrait être suffisant pour obtenir votre esprit bourdonnement. Maintenant donc, prêt à commencer à coder?
Getting Started
JavaScript peut être inséré directement dans un document HTML via l'HTMLScriptElement.
Code: [ Select ]
<script type="text/javascript"></script>
Pas pris un départ compliqué, non? Bien être la compilation de notre script dans les balises d'ouverture et de clôture de cet élément. L'attribut type est simplement là pour s'assurer que le navigateur sait quel type de données de son affaire.
Un élément clé à retenir lors de l'insertion de votre script que JavaScript ne peut traiter ce que le document a déjà chargé. Et quand on y pense, c'est parfait (vous ne pouvez pas changer ce qui n'existe pas encore). Donc, si nous voulions modifier le corps du document, Me éviter de placer le script dans l'en-tête. gif "alt =";-)" title =" Wink "/> Mais avant de continuer, vous devriez être au courant de certains défauts JavaScripts. Pour l'un, comme vous pouvez bien l'imaginer, JavaScript n'a pas vu le jour en même temps que l'Internet, les navigateurs afin antérieures ne sont pas équipés pour lire et interpréter --- résultant en lignes sur les lignes du script apparaissant sous forme de texte clair sur l' page. Une autre faiblesse principale est que, par mesure de précaution, les utilisateurs mai activer / désactiver JavaScript à volonté. En bref, cela signifie que vous ne peut pas s'attendre à chacun de voir le résultat que vous voulez.
Alors, est-JavaScript pas toutes ses fissuré à l'être? Certainement pas. En fait, ces défauts peuvent être facilement forgées de toutes pièces (à commencer par le bloc de script).
Code: [ Select ]
<script type="text/javascript">
<!--
CODE HERE
-->
</script>
<!--
CODE HERE
-->
</script>
- <script type="text/javascript">
- <!--
- CODE HERE
- -->
- </script>
Tous les navigateurs prennent en charge les commentaires HTML, donc les navigateurs qui ne reconnaissent pas le javascript complètement ignorer le texte à l'intérieur. Toutefois, les navigateurs qui faire support JavaScript prendra note du type de script et d'exécuter le code. Et que dire du nombre de défauts 2? Simple. Le HTMLNoScriptElement.
Code: [ Select ]
<noscript>
CODE TO EXECUTE IF JAVASCRIPT IS DISABLED
</noscript>
CODE TO EXECUTE IF JAVASCRIPT IS DISABLED
</noscript>
- <noscript>
- CODE TO EXECUTE IF JAVASCRIPT IS DISABLED
- </noscript>
Je doute que cela nécessite aucune explication, mais l'enfer, je l'aime à babiller. Le code entre les balises noscript s'exécute lorsque JavaScript est désactivé. Ces balises sont le plus couramment utilisé pour afficher des messages tels que: «Pour une meilleure expérience de navigation, s'il vous plaît activer JavaScript, mais, si besoin est, vous pouvez exécuter quelques centaines de lignes de CSS et HTML.
Débogage
Ill être honnête avec vous, le codage en JavaScript peut être un travail salissant, et vous êtes lié pour les erreurs enumerous. Mais heureusement, étant un langage côté client, JavaScript est interprété par le navigateur et ne nécessite pas un compilateur. Cela signifie que lorsque confronté à une erreur, le navigateur va simplement arrêter l'exécution du script et continuer sur le reste du code source.
Semble brève, mais fort bien être de revenir plus tard.
Mon premier JavaScript
Comme avec la plupart des langages de programmation, JavaScript embrasse commentaires. Ces observations seront pas exécuter le code et simplement nous permettre de guider nous-mêmes (ou d'autres) grâce à un script. En JavaScript, il existe deux types d'observations: l'une en ligne et sur plusieurs lignes. Un des commentaires en ligne sont initiée par deux dernières barres obliques et se terminent lorsque la ligne est cassée. Multiples commentaires en ligne sont un peu plus complexe. Elles sont initiées avec une barre oblique précédée d'une Asterick et terminée en face (ne vous inquiétez pas, c'est pourquoi nous avons des exemples).
Code: [ Select ]
<script type="text/javascript">
<!--
// This is a one-line comment
/* This is a
multiple-line
comment */
-->
</script>
<!--
// This is a one-line comment
/* This is a
multiple-line
comment */
-->
</script>
- <script type="text/javascript">
- <!--
- // This is a one-line comment
- /* This is a
- multiple-line
- comment */
- -->
- </script>
Le navigateur va reconnaître ce sens que les commentaires et décidément les ignorer. Mais...Et si nous avons utilisé des caractères spéciaux et des déclarations dans nos commentaires? Souhaitez le navigateur puis les interpréter comme du code?
Code: [ Select ]
<script type="text/javascript">
<!--
// // Hello there!
-->
</script>
<!--
// // Hello there!
-->
</script>
- <script type="text/javascript">
- <!--
- // // Hello there!
- -->
- </script>
La réponse est non. Jetez un œil au script ci-dessus. Youd pense que la ligne crée un commentaire, d'y mettre fin, et créer un nouveau. Mais en fait, "/ / Bonjour!" est ignoré par le navigateur entièrement. Nous pourrions écrire mille barres obliques précédente d'un autre et le navigateur ne serait-il reconnaître tous comme un seul commentaire et se déplacer le long par l'intermédiaire du script. Pour résumer, jusqu'à ce que vous y mettre fin, vous pouvez mettre ce que vous souhaitez dans vos commentaires.
Et maintenant, qui étaient dans les commentaires, je crois qu'il faut qu'on sache que la fermeture ne sera pas toujours "-->" analyser correctement (parfois JavaScript-enabled navigateur va essayer de lire la ligne en tant que script). Nous ne pouvons empêcher que cela se passe en écrivant "-->" comme une seule ligne de commentaire.
Code: [ Select ]
<script type="text/javascript">
<!--
CODE HERE
//ending the script-->
</script>
<!--
CODE HERE
//ending the script-->
</script>
- <script type="text/javascript">
- <!--
- CODE HERE
- //ending the script-->
- </script>
Alright, autant weve appris ce que JavaScript est, comment le déclarer, ce qu'il peut faire, ses avantages et ses inconvénients, et la façon d'écrire des commentaires en son sein. Si vous avez besoin d'une pause, allez-y, prends-la. Ce tutoriel ne va nulle part.
Le prochain sera bien l'impression de texte sur un document.
Code: [ Select ]
<script type="text/javascript">
<!--
document.write("Hello World");
//-->
</script>
<!--
document.write("Hello World");
//-->
</script>
- <script type="text/javascript">
- <!--
- document.write("Hello World");
- //-->
- </script>
Comme je l'ai dit auparavant, JavaScript est basée sur les objets. Ce qui signifie qu'elle travaille à l'extérieur de toute une bibliothèque d'actions construites sur l'autre. Jetez un oeil sur le code ci-dessus. Un objet est simplement une «chose» avec ses propres caractéristiques uniques et des actions. Prenez par exemple la moyenne de l'homme-être. Nous avons caractéristiques (cheveux, yeux, peau-ton), et nous avons des actions que nous pouvons accomplir (parler, marcher, sauter, manger). Tel est le fondement d'un objet à base de langue. Regardez à nouveau le script ci-dessus. document C'est notre objet et write () est l'une des nombreuses actions qu'il peut effectuer. Une des propriétés des objets et des actions sont rendues accessibles par le biais de tableaux associatifs et [ou] - dans le cas ci-dessus - JavaScripts point-structure.
Confondre commandes? Ouais, ça peut être. Mais ne vous inquiétez pas, vous êtes juste de commencer. Eh bien y revenir dans un autre tutoriel. gif "alt =";)" title =" Wink "/>
Or donc, car je n'ai pas encore d'expliquer quoi la ligne au-dessus de code fait... document Adresses le document que le JavaScript est actuellement à l'intérieur et write () Etats d'imprimer le texte au TAPE nothesis sur elle. Gardez à l'esprit que JavaScript est sensible à la casse, afin de coder Document. write ( "Bonjour Monde") voyage serait une erreur. Le point-virgule à la fin de cette ligne de code, assez simplement, il se termine. Son techniquement pas nécessaire à moins que vous effectuez plusieurs actions sur une seule ligne, mais ses bonnes pratiques à mettre de toute façon.
Code: [ Select ]
document.write("Hello"); document.write(" World")
document.write("Hello") document.write(" World") // syntax error, script halts execution
document.write("Hello") document.write(" World") // syntax error, script halts execution
- document.write("Hello"); document.write(" World")
- document.write("Hello") document.write(" World") // syntax error, script halts execution
Contrairement à tout autre chose dans ce tutoriel, je vais pas prendre soin d'examiner tous les cas où un point-virgule est ou n'est pas nécessaire. C'est quelque chose que vous êtes mieux figurer vous-même.
Types de données
Quand vous allez à ouvrir un fichier sur votre ordinateur, vous noterez que près du bas de la fenêtre est une liste déroulante intitulée "Fichiers de type." Ces types peuvent aller n'importe où de txt en wav en jpg. Ces extensions peu d'aide de l'ordinateur d'identifier et de trier les différents types de données. Si ce n'était pas pour eux, vous pourriez finir par l'ouverture des fichiers image dans le Bloc-notes.
La même chose vaut pour JavaScript (le plus et l'ordinateur Anything-connexes). Comme les langages de programmation de plus en plus vaste, il devient un besoin accru de l'organisation des données.
JavaScript a 5 primitives --- types de données les éléments de base sur lesquelles, des types plus complexes de données (types de données composites) sont construits.
- * String
- * Numéro
- * Booléen
- * Undefined
- * Null
Sur les 5, prendre mal la liberté de vous expliquer chaînes, les nombres et les booléens.
Cordes
Rappelons-nous nos document.write () script. Alors envisager cela, dans ce script, nous avons imprimé Bonjour tout le monde à la page. Mais que faire si nous voulions imprimer document à la page? Car document tient la place d'un objet en JavaScript, thats pas vraiment possible, est-il? Mais sûrement il doit y avoir un moyen. Theres sûrement une manière d'obtenir le navigateur faire la différence entre spéciales textes et plaine
Code: [ Select ]
<script type="text/javascript">
<!--
document.write("Hello World");
//-->
</script>
<!--
document.write("Hello World");
//-->
</script>
- <script type="text/javascript">
- <!--
- document.write("Hello World");
- //-->
- </script>
Notez que Bonjour tout le monde est dans les citations. Strings, notre premier type de données, d'informer le navigateur que certains textes ne doit pas être analysé. Cela signifie que nous pouvoir affichez en fait document à la page.
Code: [ Select ]
document.write("document")
Les chaînes sont lancées et terminées par des guillemets simples ou doubles. L'astuce vient où vous voulez placer citations
Code: [ Select ]
document.write("Have you read 'The Three Little Pigs' lately?")
document.write('Have you read "The Three Little Pigs" Lately?')
document.write('Have you read "The Three Little Pigs" Lately?')
- document.write("Have you read 'The Three Little Pigs' lately?")
- document.write('Have you read "The Three Little Pigs" Lately?')
Selon le type de citation que vous utilisez pour ouvrir la chaîne, l'autre peut être utilisé à l'intérieur. En commençant par un guillemet, nous pouvons placer des guillemets simples dans la chaîne, et en partant d'un seul, soit le double de la chaîne. Maintenant la suite, vous souhaitez écrire à la fois à l'intérieur.
Code: [ Select ]
document.write("I'm reading \"The Three Little Pigs\"")
C'est à ce moment antislash entre en scène. Type de chaînes comme, il empêche de simples caractères d'être analysé. Ci-dessus, nous avions besoin d'utiliser les deux types de citations dans notre chaîne. Depuis que nous avons lancé la chaîne avec un guillemet, nous ne pouvions pas utiliser un guillemet dans la chaîne. En plaçant une barre oblique inverse devant ces doubles, leurs propriétés spéciales sont éliminés et ne met pas fin à la chaîne. Heres ce qui se passerait si nous n'avions pas fait cela:
Code: [ Select ]
document.write("I'm reading "The Three Little Pigs"")
Le navigateur va ouvrir la chaîne à la première citation et la terminer à la seconde ( "Im lecture"). Puis, comme l'absence de cotations autour de lui, itll essayer d'exécuter The Three Little Pigs en tant que script. Ainsi, l'erreur, et pourquoi nous devons backslash s'échapper.
Les chaînes sont un très importante partie de la communication. Tant avec l'utilisateur et le navigateur. C'est pourquoi tant de nombreuses méthodes (des actions à effectuer) sont offerts à agir sur les cordes, allant de s'emparer, à remplacer, à l'appariement des chaînes de caractères dans une chaîne. Plus loin dans ce tutorial, bien faire des choses cool avec eux comme la validation des formes et de cryptage des mots de passe. Mais pour ce faire, il faudra savoir de nos deux prochains types de données. So lets get going!
Numéros
Nombres, où serions-nous sans eux? Eh bien, certainement pas ici, à naviguer sur le Web. L'enfer, il wouldnt être même des ordinateurs (calculateurs ou autrement)! Et comment serait le monde survivre sans calcul du secondaire? Alright, thats peut-être trop. Mais vous ne pouvez pas nier que les mathématiques sont partout autour de nous. On prend du temps en juger par comptage des rotations orbitales, nous jugeons les longueurs en fonction de paramètres, nous avons la maturité juge fondée sur l'âge (rawr), its all about montants. Et bien sûr, JavaScript wouldnt être complète si elle ne supporte pas quelque chose de si fondamental.
Code: [ Select ]
document.write(8)
Bon, alors nous avons écrit un nombre à la page. La belle affaire, hein? Eh bien, ça va mieux (vraiment). Maintenant que sont en nombres, je peux en parler opérateurs !
JavaScript offre une grande variété d'opérateurs qui vous permettent d'assigner des valeurs, comparer les opérandes, concaténer cordes, exécuter des opérations arithmétiques, etc Et voyant qui n'étaient que des numéros, vous pourrez commencer à apprendre l'arithmétique.
Arithmétique et rassemblant les opérateurs
+ Addition; 2 + 1
- Soustraction; 7-5
* Multiplication; 4 * 3
/ Division 8; 2
Module%; 9% 4
() Groupement; (8 + 2) * 3
Pretty straight-forward. Seuls ceux que devraient avoir à expliquer sont module et de regroupement. Module est tout simplement le reste vous obtenez lorsque la division de deux opérandes. 9% 4 par exemple, renvoie 1 car 4 ne peut aller que dans 9 deux fois (plus que de 8, 9 - 8 = 1). Regroupement en JavaScript fonctionne exactement le même qu'il serait en mathématiques de base. JavaScript suit l'ordre des PEMDAS, groupement ainsi est souvent nécessaire lorsque vous souhaitez ajouter avant de multiplier, etc
Code: [ Select ]
document.write(8 * 8 - 4 / (1 + 1))
Effectuez les opérations et que faisons-nous réussir? 62. Mais le plaisir ne s'arrête pas là. JavaScript supporte également un nombre variable (par exemple 6.21) et des négatifs.
Code: [ Select ]
document.write(14 / 5); // 2.8
document.write(2.8 * 5); // 14
document.write("8" - -3); // 11
document.write(2.8 * 5); // 14
document.write("8" - -3); // 11
- document.write(14 / 5); // 2.8
- document.write(2.8 * 5); // 14
- document.write("8" - -3); // 11
Rien de spécial ici. Sauf bien sûr, la dernière opération. Peut-on vraiment de soustraire un certain nombre d'une chaîne? La réponse est oui. Vous pouvez effectuer une des opérations ci-dessus, tant que cette chaîne ne contient que des nombres. Si nous étions à-dire soustraire -3 à partir de "8a", notre résultat serait le type de données NaN (pas un nombre). Le seul problème réel pour effectuer des opérations arithmétiques sur des chaînes est la concaténation.
Code: [ Select ]
document.write("5" + 8) // "58"
document.write("Hey " + "there") // "Hey there"
document.write("Hey " + "there") // "Hey there"
- document.write("5" + 8) // "58"
- document.write("Hey " + "there") // "Hey there"
La concaténation de chaîne se produit lorsqu'un + est effectuée entre deux opérandes, l'un d'eux est une chaîne. Son une opération simple qui combine les caractères des deux opérandes en une chaîne. Juste une autre raison de se méfier de ce type de données que vous avez affaire.
Ill envelopper cette place par l'introduction d'opérateurs de comparaison et, par ricochet, les booléens (yay).
Opérateurs de comparaison
> Grande-que; 10> 4
<Inférieur; def "abc" < ""
> = Supérieur ou égal à 9;> = 9
<= Inférieur ou égal à 2 <= 4
== Égaux; 9 == "9"
! = N'équivaut pas 8! = 7
=== Equals (valeur et type); 4 === 4
! == Ne pas égaux (en valeur et type); 5! == "5"
Les quatre premiers ne devraient pas prendre d'expliquer beaucoup. "abc" < "def" devrait être le seul esprit-boggler. Ainsi, non seulement nous pouvons ajouter des chaînes ensemble, mais nous pouvons les comparer? Bien sûr, pourquoi pas? Ce que vous voyez ( "abc" < "def") est appelée comparaison de chaîne lexicographique. Ce principe vérifie si les cordes sont dans l'ordre par caractère (...6789abcdef...), Et voyant que le premier caractère de notre premier opérande "abc" est "un", et il appartient effectivement avant le premier caractère dans notre deuxième opérande "def" ( "d"), "abc" est inférieur à "def". Si les deux opérandes ont commencé avec le même caractère, la comparaison aurait été entre les deux caractères suivants et ainsi de suite.
Quant aux quatre derniers, ils prennent un peu plus de réflexion. == Vérifie si les deux opérandes ont le même valeur (par exemple, 9 et "9"),! contrôles = si les deux ne ont la même valeur (par exemple 8! = 7). === Et! == Toutefois vérifier tant pour la valeur et type. Cela signifie que tandis que 9 == "9" est vrai, 9 === "9" n'est pas parce qu'on est un nombre et on est une chaîne.
Booléens
Chacun des exemples de comparaison précédente retour un type de données booléen. Les booléens sont des entités logiques, que ce soit vrai ou faux.
Code: [ Select ]
8 < 10 // boolean true
5 < 4 // boolean false
5 != 4 // boolean true
"" // empty string; boolean false
0 // boolean false
undefined // undefined datatype; boolean false
null // null datatype; boolean false
NaN // NaN datatype; boolean false
false // a boolean datatype (obviously false)
true // a boolean datatype (true)
5 < 4 // boolean false
5 != 4 // boolean true
"" // empty string; boolean false
0 // boolean false
undefined // undefined datatype; boolean false
null // null datatype; boolean false
NaN // NaN datatype; boolean false
false // a boolean datatype (obviously false)
true // a boolean datatype (true)
- 8 < 10 // boolean true
- 5 < 4 // boolean false
- 5 != 4 // boolean true
- "" // empty string; boolean false
- 0 // boolean false
- undefined // undefined datatype; boolean false
- null // null datatype; boolean false
- NaN // NaN datatype; boolean false
- false // a boolean datatype (obviously false)
- true // a boolean datatype (true)
Pas grand chose à dire ici. Toute opération de comparaison qui n'est pas vrai est booléen faux. Et des chaînes vides, 0s, undefineds, des extinctions, et NaNs sont toutes fausses booléen. Assez tôt, bien être l'exécution de tâches basées sur ces principes. En fait, il vient de mai-être bien de travailler davantage avec les booléens que des chaînes et des numéros de combinés! Et tandis étaient l'objet d'entités logiques, il semble que juste d'introduire Opérateurs logiques ! : p
Opérateurs logiques
! pas;! (6 / 2 == 4)
& &, Et 2 + 4 == 6 & & 2 + 4 <7
| | Ou 3 - 1> 3 | | 3 - 1 <4
Alright, We've got arithmétique, la comparaison et les opérateurs logiques dans un seul bateau ici, donc faites attention. Notre première opération,! (6 / 2 == 4), dit de retourner boolean true si 6 / 2 == 4 est booléen faux (un autre exemple, ! faux Retourne true). Notre seconde opération, 2 + 4 == 6 & & 2 + 4 <7, retourne true si 2 + 4 soit 6 et 2 + 4 est inférieur à 7. Notre dernière opération est probablement la plus délicate. Contrairement aux deux autres, elle ne retourne pas un booléen. Au lieu de cela, il envoie un de ses deux opérandes. Heres la répartition: Si le premier opérande booléen est vrai, il est retourné. Si le premier opérande est booléen faux, cependant, le second opérande est retourné. Si trivial que cela semble, cette tâche est effectivement vraiment formidable. Et bien qu'elle soit mise dans une certaine utilité réelle dès que la section suivante.
Or donc, avant la prochaine section, heres un résumé. Jouez avec lui.
Code: [ Select ]
"Hello" + " " + "World!" // string concatenation; "Hello World!"
7 + 9 // arithmetic; 16
17 != 4 // comparison; boolean true
"apple" > "apples" // lexicographical string comparison; boolean false
!NaN // logical; boolean true
7 > 9 || null // first operand is boolean false; return second operand
!("a" + "sam" < "b" + "sam" && "sam" >= "sam") // boolean false
7 + 9 // arithmetic; 16
17 != 4 // comparison; boolean true
"apple" > "apples" // lexicographical string comparison; boolean false
!NaN // logical; boolean true
7 > 9 || null // first operand is boolean false; return second operand
!("a" + "sam" < "b" + "sam" && "sam" >= "sam") // boolean false
- "Hello" + " " + "World!" // string concatenation; "Hello World!"
- 7 + 9 // arithmetic; 16
- 17 != 4 // comparison; boolean true
- "apple" > "apples" // lexicographical string comparison; boolean false
- !NaN // logical; boolean true
- 7 > 9 || null // first operand is boolean false; return second operand
- !("a" + "sam" < "b" + "sam" && "sam" >= "sam") // boolean false
Pop-up Boxes
Très bien, maintenant le vrai plaisir (et potentiellement létale) Stuff, les pop-ups! Mais pas du genre dont vous avez besoin pour un bloqueur. Ce sont des pop-up cases , Utilisé pour relayer les messages et interagir avec l'utilisateur. Portez une attention particulière ici, eh bien les utiliser pour le reste de ce tutoriel.
Code: [ Select ]
alert("Hello World") // alert box
First up, alertes. Si vous ne savez pas ce qu'est une alerte est, la barre d'adresses: alert ( "Bonjour le monde!"); void (0) .
Et avant de se plonger trop profondément dans les choses, je me this c'est le moment idéal pour parler de fonctions. En JavaScript, une fonction est simplement un appareil autonome de script. Jusqu'à présent, weve appelé deux fonctions différentes, write () et alert () . En transmettant les données (paramètres) grâce à une fonction, nous lui donnons l'information de jouer avec et à manipuler. Ci-dessus, notre argument est la chaîne "Bonjour tout le monde." La fonction sera exécuter, et de la pop une alerte sur la page avec les informations que vous a donné.
Plus loin dans ce tutoriel, ont ainsi une section entière consacrée à des fonctions, mais pour l'instant, c'est tout ce que vous devez savoir: self-contained theyre code qui mai mai ou ne requièrent des arguments en vue d'exécuter.
Code: [ Select ]
prompt("What's your name?", "name here") // prompt
Maintenant c'est quelque chose de s'énerver plus. Une invite, comme son nom l'indique, invite l'utilisateur pour lui demander d'entrée. Il ya deux arguments ici, la requête, et l'entrée. Barre d'adresses: prompt ( "requête", "input"); void (0) Retours l'entrée! Heres un exemple nifty,
Code: [ Select ]
document.write( "Hey, " + prompt("What's your name?", "name here") + ". Welcome to my website." )
Alright, étaient passant un argument par la fonction write (), une grosse et longue chaîne de caractères concaténées. prompt () retourne l'apport des utilisateurs. Et puisque notre demande demande un nom, nous devrions avoir une impression pour le document comme "Hey, Aaron. Bienvenue sur mon site." Ce n'est pas tous les amusement et de jeux ici, cependant. Si l'utilisateur ne dispose pas d'apport, l'invite renverra une chaîne vide "", et si ils ont frappé sur Annuler, le message sera de retour un type de données NULL (ce qui signifie qu'aucune saisie existe).
Mais on peut être habile à ce sujet. N'oubliez pas que notre logique ou opérateur renvoie un de ses deux opérandes basée sur la valeur booléenne de la première. Et comme les valeurs NULL et les chaînes vides sont booléen faux, nous ne pouvons en place cette plate-forme,
Code: [ Select ]
prompt("What's your name?", "name here") || "No Name"
Avec ce qui précède, si notre utilisateur fournit des données, le message sera de retour cette entrée, et le premier opérande seront booléen vrai. À son tour, le | | opération sera de retour cet apport. Si l'invite (notre premier opérande) retourne NULL ou "" Cependant, l'opération sera de retour le second opérande à la place, la chaîne "pas de nom. "Maintenant passons à l'appliquer,
Code: [ Select ]
document.write( "Hey, " + ( prompt("What's your name?", "name here") || "No Name" ) + ". Welcome to my website." )
Handy truc, n'est-ce pas? Nous utilisons le regroupement des opérateurs (le PARE nothesis) autour de la | | l'opération parce que nous voulons qu'il retourne une valeur, avant d'être concaténées dans la chaîne. Très bien, maintenant sur les boîtes de confirmation, des choses que nous ne pouvons malheureusement pas d'un usage beaucoup plus en ce moment (mais theyre still pretty).
Code: [ Select ]
confirm("Are you sure?")
Barre d'adresses: javascript & #058; confirm ( "Are you sure? "); void (0) . Confirmation des boîtes passer qu'un seul argument, et comme invites, ils ont des valeurs de retour. Quand un utilisateur clique sur Ok, un booléen TRUE est retourné, et, quand ils cliquent sur Annuler, un faux booléen.
Et pour conclure cette section en place, Voici un exemple de faire usage de chaque case et notre belle opérateur | |. L'étudier et de continuer sur le moment où vous êtes prêt.
Code: [ Select ]
confirm("Do you want to leave?") || alert("Hello, " + (prompt("I'm glad you decided to stay, your name is?", "") || "No Name") )
Barre d'adresses: confirm ( "Voulez-vous partir? ") | | Alert (" Bonjour, "+ (prompt (" Im heureux que vous ayez décidé de rester, votre nom? "," ") | |" No Name ")); void (0)
- Anonymous
- Bot


- Inscription: 25 Feb 2008
- Messages: ?
- Loc: Ozzuland
- Status: Online
Mars 10th, 2008, 6:56 pm
Page 1 sur 1
Pour répondre à ce sujet, vous devez vous connecter ou vous enregistrer. Il est gratuit.
Afficher de l'information
- Total des messages de ce sujet: 1 message
- Modérateur: Tutorial Writers
- Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités
- Vous ne pouvez pas poster de nouveaux sujets
- Vous ne pouvez pas répondre aux sujets
- Vous ne pouvez pas éditer vos messages
- Vous ne pouvez pas supprimer vos messages
- Vous ne pouvez pas joindre des fichiers
