Maison >interface Web >js tutoriel >Les bases de l'apprentissage de JavaScript notes_basic knowledge

Les bases de l'apprentissage de JavaScript notes_basic knowledge

WBOY
WBOYoriginal
2016-05-16 16:20:221002parcourir

Résumé : La composition de JavaScript, le rôle de chaque composant,

1. La composition du javascript

javascript
ECMAScript (Core) DOM (Document Object Model) BOM (Browser Object Model)

1.1ECMAScript

ECMAScript est un langage de script standardisé via ECMA-262 qui précise le langage : syntaxe, types, instructions, mots-clés, mots réservés, opérateurs, objets

.

1.2 DOM

DOM mappe la page entière dans une structure de nœuds multicouches. Chaque composant d'une page telle que HTML ou XML est un certain type de nœud, et ces nœuds contiennent différents types de données.

Nomenclature 1.3

Parties de contrôle autres que la page affichée par le navigateur

2. Élément <script> </strong>2.1 Comment utiliser</p> <p> Fichier javascript de référence externe : </p> <p></p> <p></p> <div class="codetitle"><span>Copier le code<a style="CURSOR: pointer" data="61773" class="copybut" id="copybut61773" onclick="doCopy('code61773')"><u></u> Le code est le suivant :</a></span></div> <script type="text/javascript" src="../../XX.js"></script>



Intégrer le code javascript dans la page




2.2 Attributs de l'élément <script> Script de retard différé : le script sera retardé jusqu'à ce que la page entière ait été analysée avant l'exécution. Bien que l'exécution soit retardée, le navigateur a déjà téléchargé le fichier js. <p> </p> <p></p> <p></p> <div class="codetitle">Copier le code<span><a style="CURSOR: pointer" data="31461" class="copybut" id="copybut31461" onclick="doCopy('code31461')"><u> Le code est le suivant :</u></a></span> <!DOCTYPE html></div> <html><div class="codebody" id="code31461"> <tête><br>              <script type="text/javascript" defer="defer" src="demo.js"></script>





Dans l'exemple ci-dessus, bien que la balise <script> soit située dans la balise <head>, demo.js sera retardé jusqu'à ce que le navigateur rencontre </html>. </div> le report s'applique uniquement aux fichiers de script importés en externe<p> </p> Script asynchrone asynchrone : Il n'est pas nécessaire de laisser la page attendre que le script soit téléchargé et exécuté, afin de charger d'autres contenus de la page de manière asynchrone. Par conséquent, les scripts de chargement asynchrone ne doivent pas modifier le dom pendant le chargement <p>. </p> <p></p> <p></p> <div class="codetitle">Copier le code<span><a style="CURSOR: pointer" data="70982" class="copybut" id="copybut70982" onclick="doCopy('code70982')"><u> Le code est le suivant :</u></a></span> <!DOCTYPE html></div> <html><div class="codebody" id="code70982"> <tête><br>             <script type="text/javascript" defer="defer" src="demo1.js"><br>               <script type="text/javascript" defer="defer" src="demo2.js"></script>





Ce sont quelques connaissances de base de JavaScript. J'espère que vous ne voulez pas vous endormir en lisant. Ce n'est qu'en posant des bases solides que vous pourrez apporter des changements qualitatifs.
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:Deux méthodes de tableau Javascript Output_javascript SkillsArticle suivant:Deux méthodes de tableau Javascript Output_javascript Skills

Articles Liés

Voir plus