Maison  >  Article  >  interface Web  >  Résumé des balises JavaScript courantes et des compétences méthodes_javascript

Résumé des balises JavaScript courantes et des compétences méthodes_javascript

WBOY
WBOYoriginal
2016-05-16 15:41:211153parcourir

Qu'est-ce que javascript ?

(1) JavaScript est un langage de script basé sur des objets et des événements doté de fonctionnalités de sécurité.

(2) JavaScript est un langage de script développé par Netscape. Les programmes écrits par celui-ci peuvent être intégrés dans des pages HTML et interprétés et exécutés directement dans le navigateur.

(3) JavaScript peut être directement interprété et exécuté par le navigateur, ce qui peut mieux réduire la pression du serveur et améliorer l'efficacité du fonctionnement du programme.

//Événement (écoute d'événement) :

//Tag object.Event monitoring.function(){Code exécuté, rechercher un objet, rechercher des attributs, modifier des attributs};

Source de l'événement. Déclenchez un événement. Appelez une méthode. La méthode trouve le code d'exécution, trouve l'objet, trouve les attributs et modifie les attributs (ou utilise des attributs, ajoute, supprime, modifie et vérifie)

onmouseover Déplacez la souris sur un élément

onmouseout Éloigne la souris d'un élément

onkeydown Appuyez sur le clavier (c'est-à-dire continuez à appuyer dessus)

onkeypress Appuyez et relâchez le clavier (c'est-à-dire cliquez, appuyez et relâchez)

oonkeyup Relâchez le clavier (c'est-à-dire lorsqu'il est relâché)

onclick Souris vers le bas puis vers le haut (clic)

onmousedown Le bouton de la souris est enfoncé (maintenez-le enfoncé)

onmousemove mouvement de la souris (déplacement avec ou sans appui)

onmouseout La souris se déplace sur un élément (lorsque la souris est posée dessus)

onmouseup Relâchez le bouton de la souris (lorsque la souris est relâchée)

onresize La fenêtre ou le cadre est redimensionné

window.onresize

soumission du formulaire onsubmit

onblur L'élément perd le focus

onfocus L'élément obtient le focus

La largeur et la hauteur de la zone vide du navigateur (c'est-à-dire la largeur et la hauteur du navigateur)

Largeur : document.documentElement.clientWidth ;

Élevé:document.documentElement.clientHeight;

//Comment récupérer l'objet :

                       // window.document.getElementById('miao'); // la fenêtre peut être omise

document.getElementById('miao');//ID est unique et ne peut pas entrer en conflit, donc ce qui est obtenu est une valeur d'objet, pas un tableau

document.getElementsByTagName("a");//Le nom de la balise n'est pas unique. Récupère tous les objets de la balise et génère un tableau
.

document.getElementsByClassName("a");//className n'est pas unique, récupère tous les objets d'étiquette avec className a et génère un tableau

                                                                                 document.getElementsByName("a"); tableau

C'est le tag entier

Après avoir obtenu l'objet, si vous souhaitez récupérer le contenu de la balise, vous pouvez appeler l'attribut innerHTML de l'objet

Label object.innerHTML : représente le texte entre les étiquettes

Label object.innerHTML = nouvelles données : attribution de valeurs au contenu entre les balises

//Pop-up :

alert() : une fenêtre pop-up normale

Confirm() : affiche une fenêtre contextuelle de confirmation et d'annulation

prompt() : Pop-up avec zone de saisie

setTimeout(func,n);//Timer, exécute le programme en func après n secondes, l'unité est la milliseconde

                                                                                                                                                                                                                   

setInterval(func,n) : exécuter quelque chose à un intervalle de temps fixe


clearInterval(s);

//Conversion de chaîne en type numérique parseInt();

var h =document.documentElement.clientHeight;//Obtenir la hauteur du navigateur


var w =document.documentElement.clientWidth;//Obtenir la largeur du navigateur


var div1 = document.getElementById("id");//Récupère l'objet de la balise dont l'ID est id


iw=parseInt(w)//Convertir w en type numérique


ih=parseInt(h)


div1.style.height=ih 'px';//Affectation


div1.style.width=iw 'px';

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'utiliser les balises et les méthodes JavaScript lors de la réalisation de projets à l'avenir.

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