JavaScript est un langage descriptif, mais il n'est pas difficile à apprendre. Tant que vous l'étudiez attentivement, vous l'apprennerez certainement bien. Je crois que lorsque vous lisez cet article, vous devez avoir appris HTML. Utilisez JavaScript pour avoir une meilleure interaction avec les pages Web. Passons au sujet.
1. Javascript
1. Qu'est-ce que JavaScript
JavaScript est un langage descriptif et est également un langage de script basé sur l'objet et le lecteur d'événements (piloté des événements).
2. Caractéristiques de JavaScript
JavaScript est principalement utilisé pour ajouter un comportement interactif aux pages HTML.
JavaScript est un langage de script avec une syntaxe similaire à Java.
JavaScript est généralement utilisé pour écrire des scripts clients.
JavaScript est une langue interprétative.
3. La composition de JavaScript
ECMScript Standard (Standard qui spécifie tous les attributs, méthodes et objets)
Modèle d'objet du navigateur Bom: interagir avec HTML
Modèle d'objet de document DOM: Accès et manipuler les documents HTML
4. Structure JavaScript de base
<script linguisse = ”javascript” type = ”text / javascript”> </ script> lingots = ”javascript” est utilisé pour indiquer que la langue utilisée est javascript
5. Principe d'exécution de Javascript
1. Le client du navigateur envoie une demande au serveur. (L'adresse entrée par l'utilisateur dans la barre d'adresse du navigateur)
2. Traitement des données: le côté serveur traite une page contenant JavaScript.
3. Envoyer une réponse: le serveur envoie la page au client du navigateur pour traiter le fichier HTML contenant JavaScript, puis le client du navigateur analyse les balises HTML et les balises JavaScript de haut en bas, présentant l'effet de la page à l'utilisateur.
deux. Comment introduire JavaScript dans les pages Web
1. Utilisez la balise <cript>.
2. Utilisez des fichiers JavaScript externes.
Je souhaite exécuter JavaScript sur plusieurs pages pour obtenir le même effet, en utilisant généralement des fichiers avec des fichiers externes sous le nom de .js.
Comment faire référence à un fichier avec .js comme extension:
<script src = ”../ 1.js”> </ script>
Remarque: les fichiers externes ne peuvent pas contenir <cript> </cript>
3. Directement dans les balises HTML
<input name = 'btn' type = "bouton" value = "Pop Up Message Box" onClick = "javascript: alert (" bienvenue ");" />3. Javascript Core Syntaxe
1. Déclaration et affectation des variables
La déclaration de variables est uniquement utilisée dans VAR, et la spécification de dénomination des variables est similaire à Java. Var num = 1;
En JavaScript, les variables peuvent être utilisées directement sans déclaration, mais cette utilisation n'est pas recommandée.
2. Type de données
Non défini (type non défini)
NULL (type nul)
Numéro (type de numéro)
Chaîne (type de chaîne)
Booléen (type booléen)
3. La différence entre indéfinie et nul
Null signifie «pas d'objet», c'est-à-dire qu'il ne devrait pas y avoir de valeur là-bas. L'utilisation typique est:
(1) En tant que paramètre d'une fonction, le paramètre de la fonction n'est pas un objet.
(2) comme point final de la chaîne prototype d'objet.
Object.getprototypeof (object.prototype) // null
Undefined signifie «valeur manquante», ce qui signifie qu'il devrait y avoir une valeur ici, mais elle n'a pas encore été définie. L'utilisation typique est:
(1) Lorsqu'une variable est déclarée mais n'a aucune affectation, elle est équivalente à non définie.
(2) Lors de l'appel de la fonction, le paramètre qui doit être fourni n'est pas fourni et le paramètre est égal à non défini.
(3) L'objet n'a aucun attribut attribué à la valeur et la valeur de l'attribut n'est pas définie.
(4) Lorsque la fonction ne renvoie pas de valeur, un non défini est renvoyé par défaut.
4. Il n'y a que 6 cas, et le résultat est déterminé comme faux.
nul, faux, indéfini, 0, "", nan
5. Quelques méthodes courantes de chaînes
toString (); Renvoie la chaîne
Tolowercasee (); Remplacez la chaîne par des minuscules.
touppercase (); Convertir la chaîne en majuscules
charat (index); Renvoie la chaîne à l'emplacement spécifié
indexof (str, index); Trouver la première occurrence d'une chaîne spécifiée dans la chaîne
Substrat (index, index); Renvoie une chaîne située entre l'index spécifié index1 et index2 (y compris index1 et index2 mais pas index2)
Split (STR); Split String en tableau de caractères
6. Trois façons de créer un tableau et d'attribuer des valeurs au tableau
01. Var num = ('1', '2');
02.Var num = nouveau tableau (2);
Num [0] = 1;
Num [1] = 2;
03.var num = ['1', '2'];
Méthodes et propriétés courantes des tableaux
Longueur: définissez ou renvoyez le nombre d'éléments dans le tableau
Join (): Mettez toutes les vitesses de la parole du tableau dans une chaîne et divisez-les en divisant les caractères.
Tri (): Trier le tableau
Push (): ajoutez un ou plusieurs éléments à la fin du tableau et remettez la nouvelle longueur.
<script type = "text / javascript">
// 01. Méthode 1: Créez un tableau et attribuez une valeur au tableau
// var fruit = nouveau tableau («pomme», «orange», «pêche», «bananer»);
// 02. Méthode 2: Créez d'abord un tableau, puis affectez une valeur au tableau via l'indice
var fruits = nouveau tableau (4);
fruits [0] = 'Apple';
fruits [1] = 'orange';
fruits [2] = 'peach';
fruits [3] = 'bananer';
// 03 Méthode 3: similaire à la méthode 1, mais le symbole est modifié
// var fruits = new Array ['Apple', 'Orange', 'Peach', 'Bananer'];
// 04. Accéder aux données avec l'indice 3 dans le tableau
Document.Write (fruits [0]);
// 05 Mettez l'élément dans la chaîne via la méthode de jointure du tableau et divisez-la avec le délimiteur spécifié
var result = fruits.join (',');
// 06Sort le tableau via la méthode de tri
fruits.sort ();
// 06. Ajoutez un ou plusieurs éléments à la fin et enfin retourner la nouvelle longueur du tableau
var longueur = fruits.push ('wert', 'pied');
document.write ('/ n' + longueur);
// 07. Itérer sur le tableau
pour (élément var en fruits)
{
alerte (fruits [item]);
}
</cript>
7. Opérateurs
8 Débogage du programme
Solution 1: débogage dans vs
Étapes: 01. Définissez la page pour être débogue comme la page de départ
02. Set Breakpoint
03. Appuyez sur F5 pour commencer le débogage
Solution 2: Débogage du navigateur Chrome
Étapes: 01. Cliquez sur F12 pour appeler l'outil
02. Set Breakpoint
03. Actualiser la page
Solution 3: IE Navigateur
Étapes: 01.f12, outils du développeur
02. Passez à l'onglet Script
03. Set Breakpoint
04. Commencez à déboguer
05. Actualiser
4. fonctions en javascript
1. Fonctions système couramment utilisées
01. ParseInt ("String");
La fonction parseInt () vérifie d'abord le caractère en position 0 et détermine s'il s'agit d'un nombre valide. Sinon, il renvoie NAN et n'effectue pas d'autres opérations. Cependant, si le caractère est un paramètre valide, la fonction affichera le caractère en position 1 et effectuera le même test. Ce processus se poursuivra jusqu'à ce qu'il soit constaté que le caractère est un caractère valide. À l'heure actuelle, le caractère convertit la chaîne précédente en nombre.
Par exemple:
var num1 = parseInt ("78,9") // La valeur de retour est 78
var num2 = parseInt ("afa78.9") // La valeur de retour est nan
02.Parsefloat ("String");
Son utilisation est similaire à ParseInt, sauf que le premier point qui apparaît dans la chaîne sera considéré comme un caractère valide.
Par exemple:
var num1 = parseInt ("78,9") // La valeur de retour est 78
var num2 = parseInt ("afa78.9") // La valeur de retour est nan
2. Fonctions personnalisées
Dans JavaScript, une fonction personnalisée est composée de fonction, de nom de fonction, d'un ensemble de paramètres et d'instructions JavaScript à exécuter entre parenthèses.
Jetons un coup d'œil à la syntaxe:
Nom de la fonction de fonction (Paramètre 1, paramètre 2, ..)
{
// instruction JavaScript
[RETOUR RETOUR VALEUR]
}
La fonction est un mot-clé qui définit une fonction et doit être là.
Les paramètres 1 et le paramètre 2 sont des paramètres de la fonction, car le type de JavaScriptP est faible, et il n'est pas nécessaire de fournir un type lorsqu'il est donné le paramètre.
Le début et la fin d'une fonction définie par {}.
L'instruction RETOUR est utilisée pour spécifier la valeur renvoyée par la fonction.
2. Fonctions d'appel
Pour exécuter une fonction, vous devez d'abord appeler cette fonction et vous devez formuler le nom de la fonction et les paramètres suivis.
Par exemple:
<script type = ”text / javascript”> function show () {} show (); </script>3. Fonctions anonymes
Les fonctions anonymes sont des fonctions sans noms, également appelées fermetures, qui permettent la création temporaire d'une fonction sans nom spécifié. Le plus souvent utilisé comme valeur pour les paramètres de rappel, de nombreux novices ne connaissent pas les fonctions anonymes. Analyons-le ici.
Nom de la fonction de fonction (Liste des paramètres) {Function Body;}
Si vous créez des fonctions anonymes, cela devrait être:
function () {Function Body;}
Parce que c'est une fonction anonyme, il n'y a généralement aucun paramètre qui lui est passé.
Pourquoi créer des fonctions anonymes? Dans quelles circonstances les fonctions anonymes seront-elles utilisées? Il existe deux scénarios communs pour les fonctions anonymes, l'une est la fonction de rappel et l'autre est d'exécuter directement la fonction.
Par exemple:
<script linguisse = "javascript"> var a = "a"; (function () {var a = "b"; alert (a);}) (); alert (a); </cript>Dans le code ci-dessus, deux boîtes d'alerte seront sorties en séquence. Le contenu de la première boîte d'alerte est B et le second est a. Je pensais qu'il y avait une méthode anonyme dans cette balise de script et que lorsque B a été apparu pour la première fois, puis alerte (a) après avoir touché la méthode anonyme, une surface.
Le tutoriel JavaScript de base ci-dessus - Un article incontournable pour démarrer est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.