1. Syntaxe de base JavaScript Core Basic
1. JavaScript est un langage de programmation qui augmente les effets d'interaction. Il a été initialement inventé par Netscape et a finalement été soumis à l'ECMA (European Association of Computer Manufacturers). ECMA standardise JavaScript et est nommé JavaScript.
2. JavaScript est une langue interprétée qui peut être exécutée directement dans le navigateur sans compilation.
3. Qu'est-ce que JavaScript utilise?
1. Vous pouvez contrôler tous les éléments de la page Web et ajouter, supprimer et modifier les attributs des éléments.
2. Vous pouvez mettre du texte dynamique dans le HTML.
3. Répondez aux événements générés par les utilisateurs lors de l'utilisation de pages Web.
4. Vérifiez les données saisies par l'utilisateur.
5. Détectez le navigateur de l'utilisateur.
6. Utilisé pour créer des cookies.
4. Trois façons de créer JavaScript dans les pages Web HTML
1. Style externe:
Créez un fichier avec le nom de fichier: xx.js liens via <script src = "xx.js"> <cript>
2. Style d'intégration:
Utilisez <script type = "text / javascript"> </ script> dans la tête ou le corps dans le HTML ou le charge directement avec <prict> </cript>
3. Style en ligne:
Ajoutez des événements directement à la balise: <entrée onclick = "alert ('helloworld!')"> Charger
5. Type de données JavaScript:
Ses types de données ont deux catégories: 1. Types de données primitives 2. Types de données de référence (objets)
Type de données d'origine: 1.Typeof 2. Number 3.String 4.Boolean 5.Null 6. Interfinie
Types de données de référence: (il existe trois types d'objets prédéfinis) 1. Objets natifs (objet, numéro, chaîne, booléen, fonction, tableau, date, etc.) 2. Objets intégrés: pas besoin d'afficher l'initialisation (mathématiques, globale) 3. Objets hôtes (principalement BOM et DOM)
6.Bom et Dom
Bom: modèle d'objet du navigateur
DOM: modèle d'objet de document
2. Modèle d'événements JavaScript
1. Modèle d'événement JavaScript: 1. Type de bulle: <Type d'entrée = "Button"> Lorsque l'utilisateur clique sur le bouton: Input-body-html-Document-Window (bulle du bas en haut), c'est-à-dire que le navigateur utilise simplement Bubble
2.
Après la normalisation de l'ECMA, les autres navigateurs prennent en charge deux types et la capture se produit en premier.
2. Trois façons d'écrire des événements traditionnels:
1. <entrée type = "bouton" onclick = "alert ('helloworld!')">
2. <input type = "Button onClick = name1 ()"> ===== <Script> Fonction Name1 () {alert ('Helloword!');} </cript> // Fonction Name
3. <entrée type = "bouton" id = "input1"> // fonction anonyme
La copie de code est la suivante:
<cript>
Var button1 = document.getElementById ("input1");
Button1.OnClick = Funtion () {
alert ('Helloword!')
}
</cript>
3. Méthode d'écriture des événements modernes:
La copie de code est la suivante:
<entrée type = "bouton" id = "input1"> // ajouter des événements dans IE
<cript>
var fnclick () {
alerte ("j'ai été cliqué")
}
var oinput = document.getElementById ("input1");
Oinput.Attachevent ("onclick", fnclick);
--------------------------------------
Oinput.Detachevent ("OnClick", fnclick); // Supprimer l'événement dans IE
</cript>
<input type = "bouton" id = "input1"> // ajouter des événements dans DOM
<cript>
var fnclick () {
alerte ("j'ai été cliqué")
}
var oinput = document.getElementById ("input1");
Oinput.addeventListener ("onClick", fnclick, true);
--------------------------------------
Oinput.RemoveEventListener ("OnClick", fnclick); // Supprimer l'événement dans DOM
</cript>
<entrée type = "bouton" id = "input1"> // compatible avec les événements d'addition IE et DOM
<cript>
var fnclick1 = function () {alert ("j'ai été cliqué")}
var fnclick2 = function () {alert ("j'ai été cliqué")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.Attachevent ("onclick", fnclick1)
Oinput.Attachevent ("onclick", fnclick2)
}
else (document.addeventListener) {
Oinput.addeventListener ("Click", fnclick1, true)
Oinput.addeventListener ("Click", fnclick2, true)
}
</cript>