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

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

WBOY
Libérer: 2016-05-16 15:59:13
original
1053 Les gens l'ont consulté

1. JavaScript : Écrire la sortie HTML

Copier le code Le code est le suivant :

document.write("

Ceci est un en-tête

");
document.write("

Ceci est un paragraphe

");

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

Copier le code Le code est le suivant :


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>
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal