1. JavaScript est un langage de script conçu pour l'interaction avec les pages Web. Sa composition
Ecmascript (core) Dom (modèle de document d'objet) bom (modèle d'objet de navigateur)
1.1ecmascript
ECMAScript défini par ECMA-262 n'a aucune dépendance avec le navigateur Web. ECMA-262 ne définit que les bases de cette langue et fournit des fonctions de langue de base.
ECMAScript est un langage de script standardisé via ECMA-262. ECMA-262 stipule les langues: syntaxe, type, instruction, mot-clé, mot réservé, opérateur, objet
1.2 DOM (Document Object Modle)
DOM est une interface de programmation d'applications pour XML mais a été étendue pour HTML, fournissant des méthodes et des interfaces pour accéder et manipuler le contenu Web.
DOM mappe toute la page dans une structure de nœud multicouche. Chaque composant de la page HTML ou XML est un certain type de nœud, qui contient différents types de données.
1.3 BOM (modèle d'objet Bower)
Contrôlez la pièce autre que la page affichée par le navigateur. Le BOM ne traite que les fenêtres et les cadres du navigateur et fournit des méthodes et des interfaces pour interagir avec le navigateur.
2. <Script> Éléments
2.1 Fichier JavaScript de référence
Référence externe aux fichiers JavaScript:
La copie de code est la suivante:
<script type = "text / javascript" src = "../../ xx.js"> </ script>
Page intégrer le code JavaScript
La copie de code est la suivante:
<script type = "text / javascript">
// code JavaScript
</cript>
Le code JavaScript contenu dans l'élément <cript> sera expliqué en séquence de haut en bas
2.2 Propriétés des éléments <cript>
Déférer le script de retard: dire au navigateur de télécharger immédiatement, le script sera retardé jusqu'à ce que la page entière ait été analysée avant son exécution. Le report ne convient que pour les fichiers de script introduits en externe
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<script type = "text / javascript" defer = "defer" src = "example.js"> </ script>
</ head>
</html>
Bien que la balise <Script> soit située dans la balise <A-Head>, Demo.js sera retardé jusqu'à ce que le navigateur rencontre </html>.
Async Asynchronous Script: La page doit attendre que le script soit téléchargé et exécuté, afin de charger d'autres contenus de la page de manière asynchrone
Comme différer, il est uniquement applicable à des fichiers de script importés externes. Async dit au navigateur de télécharger des fichiers immédiatement, mais contrairement à un report, le marquage des scripts asynchrones ne garantit pas l'exécution dans l'ordre dans lequel ils sont spécifiés. Il est recommandé que les scripts asynchrones ne modifient pas le DOM pendant le chargement.
La copie de code est la suivante:
<! - Script asynchrone ->
<script type = "text / javascript" async = "async" src = "example1.js"> </ script>
<script type = "text / javascript" async = "async" src = "example2.js"> </ script>
2.3 Propriétés des éléments <noscript>
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Test </Title>
<! - Delay Script ->
<scripttype = "text / javascript" defer = "defer" src = "example.js"> </ script>
<! - Guide Script ->
<script type = "text / javascript" async = "async" src = "example1.js"> </ script>
<script type = "text / javascript" async = "async" src = "example2.js"> </ script>
</ head>
<body>
<noscript>
<p> Cette page montre que la prise en charge du navigateur (activée) JavaScript est requise
</noscript>
</docy>
</html>
Le navigateur ne prend pas en charge les scripts
Le navigateur prend en charge les scripts, mais le script est désactivé et le navigateur affichera le contenu dans <noscript>
Cette page affichera un message à l'utilisateur si le script n'est pas valide, et dans un navigateur compatible de script, l'utilisateur ne le verra jamais
Ce qui précède concerne cet article. J'espère que vous pouvez l'aimer. Cette série continuera d'être mise à jour.