Maison > Article > interface Web > Résumé des méthodes Javascript courantes_compétences Javascript

Résumé des méthodes Javascript courantes_compétences Javascript

WBOYoriginal: 2016-05-16 15:59:131023parcourir

1. JavaScript : Écrire la sortie HTML

Copier le code Le code est le suivant :

document.write("4a249f0d628e2318394fd9b75b4636b1Ceci est un en-tête473f0a7621bec819994bb5020d29372a");

document.write("e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3");

2. JavaScript : réagir aux événements

Copier le code Le code est le suivant :

247ed3441f34b4891317cdcf2165625cCliquez ici65281c5ac262bf6d81768915a4a77ac0

3. JavaScript : Modifier le contenu HTML

Copier le code Le code est le suivant :

x=document.getElementById("demo") //Rechercher un élément

x.innerHTML="Bonjour JavaScript"; //Modifier le contenu

4. JavaScript : Modifier les images HTML

Copier le code Le code est le suivant :

element=document.getElementById('monimage')

element.src="../i/eg_bulboff.gif";

5. Changer le style HTML

Copier le code Le code est le suivant :

x=document.getElementById("demo") //Rechercher un élément 

x.style.color="#ff0000"; //Changer de style

6. JavaScript est sensible à la casse.

JavaScript est sensible à la casse.
Lorsque vous écrivez des instructions JavaScript, veillez à désactiver le commutateur de casse.
Les fonctions getElementById et getElementbyID sont différentes.
De même, la variable myVariable est différente de MyVariable.

7. Astuce : Une bonne habitude de programmation est de déclarer les variables requises au début du code.

8. Valeur = non défini

Dans les programmes informatiques, des variables sans valeur sont souvent déclarées. La valeur d'une variable déclarée sans valeur est en réalité indéfinie. Après avoir exécuté l'instruction suivante, la valeur de la variable carname ne sera pas définie :
var nom de voiture;

9. Créer des objets JavaScript
Cet exemple crée un objet nommé "personne" et lui ajoute quatre propriétés :

Copier le code Le code est le suivant :

personne=nouvel Objet();

person.firstname="Bill";

person.lastname="Portes";

personne.age=56;

personne.eyecolor="bleu";

10. Vérification du formulaire JavaScript

Éléments obligatoires (ou obligatoires)
La fonction suivante permet de vérifier si l'utilisateur a rempli les éléments requis (ou obligatoires) dans le formulaire. Si requis ou si le champ requis est vide, une boîte d'avertissement apparaîtra et la valeur de retour de la fonction est fausse, sinon la valeur de retour de la fonction est vraie (ce qui signifie qu'il n'y a pas de problème avec les données) :

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

Ce qui précède représente l'intégralité du contenu de cet article, j'espère que vous l'aimerez tous

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple d'utilisation de la sélection de case à cocher DOM dans les compétences javascript_javascriptArticle suivant：Exemple d'utilisation de la sélection de case à cocher DOM dans les compétences javascript_javascript

Articles Liés

Voir plus