JavaScript est un langage de script côté client qui est généralement utilisé pour créer des pages Web dynamiques. Un des avantages de JavaScript est sa vaste bibliothèque de fonctions intégrées et des objets que les programmeurs Web peuvent utiliser pour créer, manipuler et stocker du texte sous forme de chaînes. programmeurs JavaScript peuvent utiliser les propriétés d'une chaîne, telles que la propriété de longueur; utiliser les méthodes d'une chaîne, telles que Split et épissage; et l'accès HTML wrapper méthodes qui renvoient des chaînes par des balises HTML. JavaScript possède également des fonctions qui permettent aux programmeurs de rechercher des chaînes, modifier le cas d'une chaîne de caractères et supprimer des caractères spécifiques à partir de chaînes.
Instructions
1 Ouvrez un éditeur de texte et de créer un nouveau fichier nommé "noNums.html." Ajouter les balises HTML de base dans le fichier:
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Ajouter une balise "<script>" entre le fichier "<head>" et "</ head>" tags, réglez "type" attribut de la balise "<script>" à "text / javascript" et fermer le "</ script > "tag.
<Html>
<Head>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
3 Ajouter une fonction JavaScript nommée "NumbersOnly" entre le fichier de "<script>" et "</ script>" tags. La fonction "NumbersOnly" ne prend aucun argument. Ajouter une accolade ouverte ( "{") et une accolade à proximité ( "}") après la déclaration de la fonction de tenir la place pour le code de la fonction.
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Récupérer la valeur de chaîne d'un champ de saisie avec l'ID "InputValue" en utilisant la fonction JavaScript "getElementById". Enregistrer la valeur de chaîne à une variable nommée "inputStr".
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
inputStr = document.getElementById ( 'InputValue') valeur.
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Utilisez la fonction JavaScript "remplacer" pour remplacer tous les numéros ( "0-9") dans la variable "inputStr" avec un caractère nul ( ''). Enregistrer les résultats de la fonction "remplacer" à une variable nommée "upperStr".
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
inputStr = document.getElementById ( 'InputValue') valeur.
inputStr.replace upperStr = (/ [0-9] + / g, '');
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Ecrire la valeur de la variable "upperStr" pour le champ de saisie "InputValue" en utilisant la fonction JavaScript "getElementById".
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
inputStr = document.getElementById ( 'InputValue') valeur.
inputStr.replace upperStr = (/ [0-9] + / g, '');
. Document.getElementById ( 'InputValue') valeur = upperStr;
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
7 Ajouter un HTML "<input>" champ entre le fichier "<corps>" et "</ body>" tags. Donnez le champ de saisie de l'ID "InputValue" et le texte "1234567abcdefg89hij". Le "<input>" balise HTML ne nécessite pas un "</ input>" tag à proximité.
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
inputStr = document.getElementById ( 'InputValue') valeur.
inputStr.replace upperStr = (/ [0-9] + / g, '');
. Document.getElementById ( 'InputValue') valeur = upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = valeur "InputValue" = "1234567abcdefg89hij"> </ body>
</ Html>
8 Ajouter un HTML "<button>" tag entre le "<body>" et "</ body>" tags. Utilisez un "onClick ()" événement pour appeler la fonction "NumbersOnly" et remplacez la valeur dans le champ de saisie "InputValue" à une valeur qui ne contient pas de chiffres. Donnez le bouton le texte "Cliquez pour supprimer les numéros de la chaîne" et fermer le "</ button>" tag.
<Html>
<Head>
<Script type = "text / javascript">
fonctionner NumbersOnly ()
{
inputStr = document.getElementById ( 'InputValue') valeur.
inputStr.replace upperStr = (/ [0-9] + / g, '');
. Document.getElementById ( 'InputValue') valeur = upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = valeur "InputValue" = "1234567abcdefg89hij"> </ body>
<Button onclick = 'NumbersOnly ()'> Cliquez pour effacer les chiffres de la chaîne </ button>
</ Html>
9 NoNums.html ouvert dans un navigateur Web. Cliquez sur le "Cliquez pour effacer les chiffres de la chaîne" bouton et vérifier que les mises à jour de chaîne dans le champ de saisie "InputValue" sans chiffres. Tapez une chaîne différente dans le champ de saisie et cliquez sur le bouton.
Conseils et avertissements
- Les chaînes peuvent être "ajoutés" en utilisant l'opérateur de concaténation JavaScript ( "+") ou en utilisant la méthode de chaîne concat ().
- Lors de la déclaration et la manipulation des chaînes JavaScript, utilisez simple ( ') ou doubles ( ") cite pour indiquer le texte de la chaîne.
- Fonctions de chaîne peuvent être exécutées en utilisant la notation dot.
- Assurez-vous d'utiliser le caractère "\" pour échapper à des guillemets simples et doubles utilisés dans le texte d'une chaîne.