Maison > interface Web > js tutoriel > Présentation de l'expérience d'apprentissage JavaScript_Connaissances de base

Présentation de l'expérience d'apprentissage JavaScript_Connaissances de base

WBOY
Libérer: 2016-05-16 16:19:12
original
1039 Les gens l'ont consulté

1. JavaScript est un langage de script conçu spécifiquement pour interagir avec les pages Web. Sa composition

.

ECMAScript (Core) DOM (Modèle Objet de Document) BOM (Modèle Objet de Navigateur)

1.1ECMAScript

ECMAScrip défini par ECMA-262 n'a aucune dépendance sur les navigateurs Web. ECMA-262 définit uniquement la base de ce langage et fournit les fonctions de base du langage

.

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 (Modèle Objet Document)
DOM est une interface de programmation d'applications (API, Application Programming Interface) pour XML mais étendue pour HTML, fournissant des méthodes et des interfaces pour accéder et exploiter le contenu Web

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.

1.3 BOM (Bower Object Model)
Les parties de contrôle autres que la page affichée par le navigateur BOM ne gère que les fenêtres et les cadres du navigateur, fournissant des méthodes et des interfaces pour interagir avec le navigateur

.

2. Élément <script> 2.1 Citer des fichiers javascript <br> Fichier javascript de référence externe : <br> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="81093" class="copybut" id="copybut81093" onclick="doCopy('code81093')">Copier le code<u></u></a> Le code est le suivant :</span></div> <div class="codebody" id="code81093"> <script type="text/javascript" src="../../XX.js"></script>

La page embarque du code javascript

Copier le code Le code est le suivant :


Le code JavaScript contenu dans l'élément <script> sera interprété de haut en bas<p> </p>2.2 Attributs de l'élément <script> <p>Script de délai différé : demandez au navigateur de télécharger immédiatement. Le script sera retardé jusqu'à ce que la page entière soit analysée avant l'exécution. Le délai ne s'applique qu'aux fichiers de script introduits en externe</p>. <p></p> <p></p> <div class="codetitle"><span>Copier le code<a style="CURSOR: pointer" data="50781" class="copybut" id="copybut50781" onclick="doCopy('code50781')"><u></u> Le code est le suivant :</a></span></div> <!DOCTYPE html><div class="codebody" id="code50781"> <html><br> <tête><br>              <script type="text/javascript" defer="defer" src="example.js"></script>




Bien que la balise <script> soit située dans la balise <head>, demo.js sera retardé jusqu'à ce que le navigateur rencontre </html>. <p>Script asynchrone asynchrone : la page doit attendre le téléchargement et l'exécution du script, chargeant ainsi de manière asynchrone d'autres contenus sur la page</p> Comme defer, cela ne s'applique qu'aux fichiers de script introduits en externe. async indique au navigateur de télécharger le fichier immédiatement, mais contrairement à defer, les scripts asynchrones marqués ne garantissent pas qu'ils seront exécutés dans l'ordre dans lequel ils sont spécifiés. les scripts asynchrones ne modifient pas le DOM lors du chargement <p> <br></p> <p></p> <div class="codetitle"><span>Copier le code<a style="CURSOR: pointer" data="90302" class="copybut" id="copybut90302" onclick="doCopy('code90302')"><u></u> Le code est le suivant :</a></span></div> <!--Script asynchrone--><div class="codebody" id="code90302"> <script type="text/javascript" async="async" src="example1.js"></script>



2.3
Étiquettes associées:
source:php.cn
Article précédent:Résumé des plug-ins jQuery manuscrits DIY_jquery Article suivant:Explication détaillée de la page de traitement jQuery events_jquery
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
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal