JavaScript, autrefois un simple langage de script pour ajouter une interaction minimale de pages Web, est devenu une langue à part entière dans son propre droit , et a explosé dans un vaste sujet qui touche presque tous les aspects du Web développement . Pour le développeur qui a maîtrisé les rudiments de JavaScript , le modèle objet de document ou DOM et la validation avec des expressions régulières font d'excellents sujets d'étude . Choses que vous devez éditeur de texte tel que Notepad navigateur moderne , comme IE 8 ou Firefox 3.6 Afficher plus Instructions interagir avec les DOM 1
Créer une page Web en utilisant le code suivant:
id="textToChange"> Le bouton ci-dessous n'a pas été cliqué
; Photos
Enregistrez la page sous " dom.html . " 2
Recherchez le fichier " dom.html " à partir de votre navigateur Web. Cliquez sur le "Cliquez sur ce bouton" . L'événement de clic déclencher une fonction JavaScript qui modifie le contenu du texte au-dessus du bouton. 3
Explorez le code JavaScript à partir de l'échantillon. Il utilise la fonction document.getElementById combiné avec la propriété innerHTML . La méthode getElementById recherche dans le DOM pour les éléments qui ont un id particulier comme un attribut . La propriété innerHTML détient le html contenues dans les balises d'un élément. En obtenant un élément avec son identifiant et en modifiant la valeur innerHTML de cet élément , vous pouvez modifier le contenu affiché sur la page. Valider avec des expressions régulières 4
Créer une page Web qui contient le code suivant :
< corps onload = " validateOnA ()" > Test d'expression régulière Photos
Enregistrez la page sous " regEx.html . " 5
Parcourir pour " regEx.html " à partir de votre navigateur Web. Lorsque vous chargez la page , la fonction validateOnA permettra de tester la testString variable pour voir si elle comprend la lettre «a». 6
regard sur le JavaScript. Il utilise une expression régulière simple qui est entouré par le caractère «/» et correspond simplement sur les caractères que vous les fournir. 7
Modifiez la valeur de chaîne de test de " fruit" et rechargez la page pour voir ce qui se passe . 8
utilisation échappé caractères dans vos expressions régulières. Caractères échappés sont précédés d' une barre oblique inverse ( "\\" ) et vous permettent de faire correspondre des catégories de personnages . Par exemple \\ d correspond à tous les chiffres dans une chaîne donnée. Créer une page contenant le code suivant :
validateDigits de fonction < corps onload = " validateDigits ()" > Test d'expression régulière Photos
Enregistrez la page sous " regExpEscape.html " 9
Parcourir pour " regExpEscape.html " à partir de votre navigateur Web. Le code permettra de tester la chaîne "123 " pour voir s'il contient des chiffres. 10
Modifiez la valeur de chaîne de test à «pomme» et voir ce qui se passe . Essayez de changer testString à " apple1 . " 11
Essayez un exemple du monde réel. Les expressions régulières sont très puissants et une seule expression peut contenir beaucoup d' informations string assorti. L'expression régulière valide ci-dessous les numéros de téléphone qui sont sept ou 10 chiffres et utiliser des parenthèses , tirets ou des espaces comme des séparateurs . Il permet même