Quelle est la structure de base de javascript

La structure de base de JavaScript est la suivante : 1. ECMAScript, tous les objets en js sont dérivés d'un gros objet dans ECMAScript ; 2. DOM, modèle d'objet de document, est l'arborescence HTML 3. BOM, modèle d'objet de navigateur, navigateur Le fabricant ; encapsulera les informations de base du navigateur dans l'objet BOM.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

1. Le langage de script javascript est composé de trois parties. C'est-à-dire le noyau : ECMAScript, dom, bom.

a). ECMAScript est hébergé par le navigateur, et vous pouvez le considérer comme une fonction de base en javascript. Tous les objets sont dérivés d'un objet volumineux dans ECMAScript. Étant donné que différents navigateurs ont des implémentations différentes d'ECMAScript (basées sur w3c), les codes js des différents navigateurs du marché doivent être compatibles.

b) . , qui est l'arborescence html. DOM vous permet d'utiliser js pour obtenir les objets des nœuds dans l'arborescence dom afin que vous puissiez opérer sur les éléments html

c). informations du navigateur dans l'objet BOM, telles que les différentes largeurs et hauteurs de la fenêtre, la version du navigateur et d'autres informations

2 Je pense personnellement que JavaScript est principalement utilisé pour le HTML statique et l'interaction de l'utilisateur. Comme le dit le proverbe : faites bouger les éléments html. Par exemple : ajoutez et supprimez des nœuds d'arbre dom. Créez des animations en pixels, ajoutez des écouteurs d'événements aux contrôles html, etc. Je dois dire qu'il existe également ajax, qui est une requête asynchrone déclenchée par. js.

3. Les méthodes les plus couramment utilisées de l'objet window sont probablement l'emplacement (utilisé pour sauter des pages et rediriger), l'échappement (série) utilisé pour coder l'URL (utilisé pour obtenir des informations de base sur le navigateur), le minuteur setTimeout, offsetWidthoffsetHeightclientWidth. , etc. (obtenues en hauteur et en largeur de la fenêtre). Pour plus de méthodes, vous pouvez aller sur w3cschool pour voir

4. La méthode de l'objet Date est la suivante

getDate() renvoie un certain jour du mois (1 ~ 31). ) à partir de l'objet Date.

getDay() renvoie le jour de la semaine (0 ~ 6) à partir de l'objet Date.

getMonth() renvoie le mois (0 ~ 11) de l'objet Date.

getFullYear() Renvoie l'année sous forme de nombre à quatre chiffres à partir d'un objet Date.

getYear() Veuillez utiliser la méthode getFullYear() à la place.

getHours() renvoie les heures (0 ~ 23) de l'objet Date.

getMinutes() renvoie les minutes (0 ~ 59) de l'objet Date.

getSeconds() renvoie les secondes (0 ~ 59) de l'objet Date.

getMilliseconds() renvoie les millisecondes (0 ~ 999) de l'objet Date.

getTime() renvoie le nombre de millisecondes depuis le 1er janvier 1970.

getTimezoneOffset() Renvoie la différence en minutes entre l'heure locale et l'heure moyenne de Greenwich (GMT).

getUTCDate() Renvoie le jour du mois (1 ~ 31) à partir d'un objet Date basé sur l'heure universelle.

getUTCDay() Renvoie le jour de la semaine (0 ~ 6) à partir d'un objet Date basé sur l'heure universelle.

getUTCMonth() renvoie le mois (0 ~ 11) de l'objet Date en fonction du temps universel.

getUTCFulYear() Renvoie l'année à quatre chiffres à partir d'un objet Date basé sur le temps universel.

getUTCHours() renvoie l'heure (0 ~ 23) d'un objet Date selon le temps universel.

getUTCMinutes() renvoie les minutes (0 ~ 59) d'un objet Date selon le temps universel.

getUTCSeconds() renvoie les secondes (0 ~ 59) d'un objet Date en fonction du temps universel.

getUTCMilliseconds() renvoie les millisecondes (0 ~ 999) de l'objet Date en fonction du temps universel.

parse() renvoie le nombre de millisecondes entre minuit le 1er janvier 1970 et la date spécifiée (chaîne).

setDate() définit le jour du mois (1 ~ 31) dans l'objet Date.

setMonth() définit le mois (0 ~ 11) dans l'objet Date.

setFullYear() Définit l'année (quatre chiffres) dans l'objet Date.

setYear() Veuillez utiliser la méthode setFullYear() à la place.

setHours() définit les heures (0 ~ 23) dans l'objet Date.

setMinutes() définit les minutes (0 ~ 59) dans l'objet Date.

setSeconds() définit les secondes (0 ~ 59) dans l'objet Date.

setMilliseconds() Définit les millisecondes (0 ~ 999) dans l'objet Date.

setTime() Définit un objet Date en millisecondes.

setUTCDate() Définit le jour du mois (1 ~ 31) dans l'objet Date en fonction du temps universel.

setUTCMonth() Définit le mois (0 ~ 11) dans l'objet Date en fonction du temps universel.

setUTCFulYear() Définit l'année (quatre chiffres) dans l'objet Date en fonction du temps universel.

setUTCHours() Définit l'heure (0 ~ 23) dans l'objet Date en fonction du temps universel.

setUTCMinutes() Définit les minutes (0 ~ 59) dans l'objet Date en fonction du temps universel.

setUTCSeconds() Définit les secondes dans l'objet Date (0 ~ 59) en fonction du temps universel.

setUTCMilliseconds() Définit les millisecondes dans l'objet Date (0 ~ 999) en fonction du temps universel.

toSource() renvoie le code source de cet objet.

toString() Convertit l'objet Date en chaîne.

toTimeString() Convertit la partie temporelle de l'objet Date en chaîne.

toDateString() Convertit la partie date de l'objet Date en chaîne.

toGMTString() Veuillez utiliser la méthode toUTCString() à la place.

toUTCString() Convertit l'objet Date en chaîne en fonction du temps universel.

toLocaleString() Convertit l'objet Date en chaîne selon le format de l'heure locale.

toLocaleTimeString() Convertit la partie heure de l'objet Date en une chaîne selon le format de l'heure locale.

toLocaleDateString() Convertit la partie date de l'objet Date en une chaîne selon le format de l'heure locale.

UTC() Renvoie le nombre de millisecondes du 1er janvier 1970 à la date spécifiée selon le temps universel.

valueOf() renvoie la valeur d'origine de l'objet Date.

5. La différence entre la méthode setTimeout() et la méthode setInterval()

setTimeout : attendez les millisecondes spécifiées avant d'exécuter la fonction de rappel. Cette méthode n'est exécutée qu'une seule fois après une période spécifiée.

Bien sûr, cela peut également être fait. Rappel de boucle. C'est-à-dire définir setTimeout dans la fonction de rappel, lorsque vous créez des animations qui prennent beaucoup de mémoire, le rappel de boucle de setTimeout est généralement utilisé à la place de setInterval. setTimeout lance le prochain setTimeout lorsque le rappel est exécuté. Et setInterval est exécuté à chaque heure spécifiée. Il ne se soucie pas de savoir si le code de votre rappel a été exécuté. Cela entraînera des problèmes si le code exécuté dans votre fonction de rappel prend du temps. attendra que votre fonction de rappel s'exécute jusqu'à l'heure spécifiée. Lancez le prochain setTimeout lors de la saisie du segment de code. Cela garantit que votre animation peut être exécutée normalement même si elle est bloquée. Vous pouvez imaginer l'effet d'exécution de setInterval. votre animation est en désordre.

setInterval: Every Exécute la fonction de rappel une fois à chaque heure spécifiée. Cette méthode convient pour exécuter à plusieurs reprises la fonction de rappel qui consomme moins de ressources. Par exemple, si vous affichez une horloge dynamique sur la page, il n'y en a pas. besoin de faire un appel en boucle setTimeout.

【Apprentissage recommandé :tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!