Cet article n'est pas un article du manuel de référence, il ne convient qu'à générer une compréhension générale de JS. Si vous avez besoin de la syntaxe détaillée et de l'application de JS, veuillez passer à W3School.
Qu'est-ce que JavaScript?
La naissance de JavaScript
Vers 1995, la bande passante traditionnelle au monde était de 28,8 kbps, et la bande passante de téléchargement moyenne au monde est maintenant de 21,9 Mbps (les données proviennent de http://www.netindex.com). À ce moment-là, les internautes ont dû attendre longtemps pour recevoir une réponse du serveur chaque fois qu'ils ont soumis un formulaire. Il est très probable que ce qu'ils ont reçu après avoir attendu quelques minutes, c'est qu'il en manquait un. Afin d'améliorer l'expérience utilisateur, les scripts intégrés dans le client du navigateur qui peuvent obtenir un jugement de forme simple sont nés, ce qui est JavaScript.
JavaScript a été développé pour la première fois par Brendan Eich, qui a travaillé chez Netscape (NN2.0), pour NetScapenavigator 2.0 (NN2.0), qui sera publié en 1995, et a ensuite été appelé Livescript. Comme il travaillait avec la très populaire Company Sun à l'époque, afin de rattraper la tendance de la langue du temps - Java, cette langue a été nommée JavaScript.
Quelle est la relation entre JavaScript et Java?
Il s'agit également de la première réaction des laïcs lorsqu'ils entendent JavaScript, et c'est aussi l'un des problèmes les plus critiqués de cette langue.
À strictement parler, il n'y a pas de relation entre un demi-centime. Si vous devez vous impliquer, peut-être que certaines des fonctions des deux sont les mêmes idées orientées objet, structures de jugement, énoncés de boucle, etc., mais ce ne sont évidemment pas les brevets de Java, mais le consensus des langages de programmation.
JavaScript Standardisation et Historique du développement
Lorsque JavaScript a été lancé, les navigateurs NN avec une meilleure expérience utilisateur ont dominé le marché du navigateur et Microsoft a rattrapé son retard. Lorsque IE3 a été lancé, Microsoft a publié VBScript et l'a nommé JScript, qui n'est en fait pas très différent du JavaScript de Netscape (en termes d'aujourd'hui, c'est un copycat). Face à la concurrence de Microsoft, Netscape et Sun ont soumis leur propre brouillon JavaScript à l'ECMA (European Association of Computer Manufacturers) pour standardiser JavaScript, et a finalement formé la première version d'ECMAScript (ECMA-262).
Fait intéressant, après JavaScript standardisé à Netscape, il y avait un problème interne. JavaScript Research a stagné, tandis que Microsoft en a profité pour rattraper son retard et lancer IE4, qui a intégré le premier moteur JavaScript qui a suivi les spécifications ECMA, un an d'avance sur NN. De plus, Microsoft System occupe progressivement le marché des systèmes d'exploitation informatique, et sa part de marché préinstallée IE de navigateur augmente progressivement et NN est constamment inscrit sur le marché. Cependant, lorsque Microsoft perd son plus grand rival, il n'a aucune motivation à se développer. IE6 ~ IE8, le rendu de l'interface et l'exécution de scripts, est incompatible les uns avec les autres, devenant un cinglé dans l'histoire des navigateurs et un cauchemar pour les développeurs frontaux.
La copie de code est la suivante:
1.V1 Première édition en juin 1997
2.V2 Juin 1998 Format révisé pour rendre sa forme cohérente avec la norme internationale ISO / IEC16262
3.V3 décembre 1999 Expressions régulières puissantes, meilleur traitement de la chaîne de texte, nouvelles instructions de contrôle, gestion des exceptions, définitions d'erreur plus claires, formatage de la sortie du nombre et autres modifications
4.V4 non terminé ... peut-être plus explicite de définition de classe, espace de noms, etc ...
5.V5 En décembre 2009, "Mode strict" a été ajouté, un sous-ensemble utilisé pour fournir une vérification des erreurs plus approfondie pour éviter les erreurs structurelles. Clarifiez de nombreuses spécifications floues de la version 3 et tient compte du comportement des implémentations du monde réel qui différentes de cette spécification. Certaines nouvelles fonctionnalités ont été ajoutées, telles que Getters et Setters, qui prennent en charge JSON et des réflexions plus complètes sur les propriétés des objets.
**** En juin 2004, l'Association européenne des fabricants d'ordinateurs a publié la norme ECMA-357, qui est une extension d'ECMascript, également connue sous le nom d'E4X (ECMAScript pour XML).
Quelle est la relation entre JavaScript et Ecmascript?
En fait, la question devrait être de savoir quelle est la relation entre JavaScript, JScript et Ecmascript. En fait, ECMAScript est la spécification globale. JavaScript et JScript sont tous deux développés en fonction de cette spécification et sont compatibles avec ECMascript, mais contiennent des fonctions au-delà de ECMAScript. Cependant, quel que soit le type qu'il est maintenant, il est communément appelé JavaScript, car il est apparu pour la première fois et a la plus grande influence et son nom a été transmis à ce jour.
Que peut faire JavaScript?
Sur les pages Web, toutes les opérations qui nécessitent un traitement logique peuvent être complétées par JavaScript. Par exemple:
La copie de code est la suivante:
• Vérification du formulaire
• Effets d'animation
• Jeux Web
•Compte à rebours
•…
Il existe de nombreuses autres applications, que je ne développerai pas ici. Je crois qu'après avoir appris cette langue, vous trouverez de nombreuses applications.
Pourquoi apprendre JavaScript?
1. Parce que vous n'avez pas le choix, seul JavaScript peut contrôler tous les navigateurs couramment utilisés, et JavaScript est l'un des langages de programmation les plus importants au monde, et l'apprentissage de la technologie Web doit apprendre JavaScript.
2. JavaScript est une belle langue, c'est très bien, donc nous devons apprendre
Positionnement JavaScript
La copie de code est la suivante:
1. JavaScript est un langage de script léger qui ne nécessite pas de compilation et est analysé et exécuté par le moteur d'analyse JavaScript (se réfère généralement au navigateur, et bien sûr les analyseurs tels que le nœud ne sont pas exclus)
2. JavaScript a des fonctionnalités de langage non fonctionnelles, des fonctionnalités de langage fonctionnel et des fonctionnalités de langage dynamique, et sa syntaxe est très flexible.
3. JavaScript est un langage de programmation orienté objet. Il y a un dicton dans le monde JavaScript: tout est un objet. Son héritage est basé sur l'héritage prototype (j'ai écrit un article spécial expliquant l'héritage prototype auparavant)
4. JavaScript est un langage C, il est donc facile pour quiconque a appris C pour commencer JavaScript.
5. JavaScript est écrit sans compilateur, mais seul un éditeur de texte (le bloc-notes est exempté, le texte sublime est fortement recommandé ici)
Qu'est-ce que JavaScript?
Le JavaScript que nous utilisons comprend désormais trois parties: DOM, BOM, et ECMAScript (ou Core JS).
Dom
Ici, par défaut, tout le monde a au moins une certaine compréhension de HTML et CSS. Si vous sautez directement HTML et CSS pour lire cet article, veuillez d'abord lire ici.
Dom, modèle d'objet de document
Nous savons que XHTML exige que les balises soient fermées et que la nidification doit être correcte. La nidification des étiquettes crée une relation père-fils (ou, une relation antérieure-descente). Dom fournit un grand nombre d'API, nous permettant de manipuler facilement les arbres DOM. J'écrirai un article plus tard en parlant spécifiquement de JS Dom.
En utilisant DOM, nous pouvons modifier dynamiquement le contenu de la page, ajuster les styles, etc., ce qui est également le reflet de la diversité JS.
Nager
Bom, modèle d'objet de navigateur
Semblable à DOM, sauf que le corps principal devient un navigateur. Le navigateur fournit également un grand nombre d'API, dont certains sont ouverts à JS, nous offrant un moyen de faire fonctionner les fenêtres du navigateur.
Utilisations courantes:
La copie de code est la suivante:
1. La possibilité d'apparaître une nouvelle fenêtre de navigateur;
2. La possibilité de se déplacer, de fermer et de modifier la taille de la fenêtre du navigateur;
3. Objets de navigation qui peuvent fournir des informations détaillées sur le navigateur Web;
4. Objets locaux qui peuvent fournir des informations détaillées sur la page de chargement du navigateur;
5. Écran des objets qui peuvent fournir des informations détaillées sur la résolution de l'écran utilisateur;
6. Soutenir les cookies;
7. Internet Explorer étend BOM pour inclure les classes d'objets ActiveX, et les objets ActiveX peuvent être implémentés via JavaScript.
Noyau ecmascript
Également appelée JS Core, peu importe comment vous l'appelez, cela signifie la même signification, il représente la composition centrale du langage JS, y compris la définition variable, la collecte des ordures, la syntaxe, la portée, etc. Contrairement au DOM et au BOM mentionné ci-dessus, ils nous nécessitent seulement d'utiliser ces API, et le noyau ecmascript est l'essence de ce langage et nécessite une recherche continue. Le prochain chapitre parlera en outre de la syntaxe de JS.
Utilisation de JavaScript
Style en ligne
Le formulaire en ligne est JavaScript écrit en balises. Par exemple, nous écrivons en HTML:
La copie de code est la suivante:
<bouton onclick = "alert ('être cliquer');"> Cliquez sur </fontificateur>
Lorsque nous cliquons sur le bouton, la case affiche "être cliqué".
Mais notez que cela n'est pas fortement recommandé, car cela causera d'énormes problèmes à la maintenance. Chaque fois que nous devons modifier l'événement, nous devons d'abord trouver l'élément, puis modifier son contenu JavaScript, et ces codes JavaScript ne peuvent pas être réutilisés.
De plus, les événements écrits en balises doivent être «sur», et JS ne peut être introduit que par des événements dans des balises, et les expressions JS simples ne peuvent pas être écrites.
Intégré
Embedded signifie écrire du code JS dans la balise de script HTML. La méthode consiste à ajouter une balise de script à HTML, puis à insérer n'importe quel code JS au milieu de la balise, comme suit:
La copie de code est la suivante:
<html>
<body>
<Button id = "btn"> Cliquez sur </fontificateur>
</docy>
<cript>
<span style = "Font-Family: Arial, Helvetica, Sans-Serif;"> var btn = document.getElementById ("btn"); </span> <pren name = "code"> btn.onclick = function () {{
alert ("être cliqué");
}
</cript> </html>
Si vous utilisez un style embarqué, il est beaucoup plus libre que le style en ligne. Vous pouvez écrire plus de code, éviter les problèmes d'échappement de devis et le maintenir plus facilement. Mais le problème existe également. Ces codes ne peuvent être appliqués qu'à cette page et ne peuvent pas être utilisés par d'autres pages.
Externe
La méthode de connexion externe résout toutes les lacunes des deux formes ci-dessus. Les méthodes suivantes sont les suivantes:
Créez d'abord un nouveau fichier et modifiez le suffixe en .js. Par exemple, nous créons un nouveau fichier Click.js et copie le code JS dans la version intégrée que nous venons d'écrire (notez que nous n'incluons pas les balises de script)
La copie de code est la suivante:
var btn = document.getElementById ("btn");
btn.onclick = function () {
alert ("être cliqué");
}
Puis l'importez-le dans html via la balise de script
La copie de code est la suivante:
<html>
<body>
<Button id = "btn"> Cliquez sur </fontificateur>
</docy>
<script src = "click.js"> </ script>
</html>
L'avantage de cela est que le même code JS peut être partagé par plusieurs pages HTML. L'inconvénient est que le nombre de fichiers augmente et que le temps requis pour les demandes est augmenté. Par conséquent, la réutilisabilité du code doit être améliorée, et enfin le fichier JS doit être fusionné (fusionnez différents fichiers JS dans un fichier JS)