Introduction à JS:
JavaScript est un langage de programmation qui peut rendre votre page Web plus animée, et c'est aussi le langage le plus facile et le plus pratique dans la conception de la page Web.
Vous pouvez facilement utiliser JavaScript pour créer des messages de bienvenue amicaux, de belles horloges numériques, des lanternes de chapiteaux et des élections simples, et également afficher l'heure à laquelle le navigateur reste. Laissez ces effets spéciaux augmenter l'obsession de la page Web.
JavaScript peut désormais faire beaucoup de choses sur la page Web, y compris les effets spéciaux Web, les jeux DOM, HTML5 (basés sur la combinaison de HTML5 et JavaScript), d'animations et d'autres effets spéciaux, et peut également extraire les données dans les coulisses (via AJAX), qui non seulement peut être utilisée comme réception mais aussi comme dans les coulisses.
Par exemple, Node.js, etc., et certains moteurs de bureau Node-Webkit peuvent rendre JavaScript dans des applications de bureau. Par exemple, dans Unity3d, vous pouvez utiliser JavaScript pour écrire des jeux (la syntaxe, les fonctionnalités, etc. de JavaScript utilisé par Unity3d)
Caractéristiques de la langue JavaScript:
1) .Javascript est principalement utilisé pour ajouter un comportement interactif aux pages HTML.
2) .Javascript est un langage de script avec une syntaxe similaire à Java.
3) .Javascript est généralement utilisé pour écrire des scripts clients.
4) .Javascript est une langue interprétée qui explique lors de l'exécution.
Points de connaissance JavaScript Explication:
1. Opérateur
Les opérateurs sont une série de symboles qui complètent les opérations. Ils ont sept catégories: les opérateurs d'affectation, les opérateurs arithmétiques, les opérateurs de comparaison, les opérateurs logiques, les opérations conditionnelles, les opérateurs d'opération de bit et les opérateurs de chaînes.
2. Expressions
La combinaison d'opérateurs et d'opérandes est appelée expressions, qui sont généralement divisées en quatre catégories: expressions d'affectation, expressions arithmétiques, expressions booléennes et expressions de cordes.
3. Phrases
Un programme JavaScript est composé de plusieurs déclarations, et la déclaration est une directive pour rédiger le programme. JavaScript fournit des instructions de programmation de base complètes, qui sont: si ~ else, instruction d'affectation, instruction de sélection de commutation, tandis que l'instruction Loop, pour l'instruction LOOP, faire l'instruction LOOP, casser l'instruction About Loop et continuer l'instruction d'interruption de boucle.
Remarque: Lors du jugement, seuls ces résultats sont faux: c'est-à-dire
Si l'objet logique n'a pas de valeur initiale ou si sa valeur est 0, -0, null, "", false, non défini ou nan, alors la valeur de l'objet est fausse. Sinon, sa valeur est vraie (même lorsque l'argument est la chaîne "false")!
4. Fonction
Les fonctions sont nommées segments d'instructions, qui peuvent être référencées et exécutées dans son ensemble. Les points suivants doivent être prêts à l'attention lors de l'utilisation des fonctions:
1) La fonction est définie par la fonction du mot-clé;
2) La fonction doit être définie d'abord puis utilisée, sinon une erreur se produira;
3) Le nom de la fonction est le nom référencé lors de l'appel d'une fonction. Il est sensible à la casse et le nom de la fonction ne peut pas être écrit de manière incorrecte lors de l'appel d'une fonction;
4) Le paramètre représente la valeur transmise à la fonction d'utilisation ou de fonctionnement. Cela peut être une constante ou une variable;
5) L'instruction de retour est utilisée pour renvoyer la valeur de l'expression, ou elle peut être laissée sans lui.
5. Objet
Une fonction importante de JavaScript est la fonction basée sur des objets. Grâce à la programmation basée sur les objets, le développement de programmes peut être effectué de manière plus intuitive, modulaire et réutilisable. Un ensemble d'attributs contenant des données et des méthodes qui fonctionnent sur les données contenues dans les attributs sont appelés objets. Par exemple, si vous souhaitez définir la couleur d'arrière-plan de la page Web, l'objet que vous ciblez est un document, et le nom d'attribut utilisé est BGColor, tel que document.bgcolor = "bleu", ce qui signifie que la couleur d'arrière-plan est bleue.
6. Événements
Les actions générées lorsqu'un utilisateur interagit avec une page Web est appelée événements. La plupart des choses sont causées par les actions de l'utilisateur, telles que: si l'utilisateur appuie sur le bouton de la souris, l'événement OnClick sera généré, et si le pointeur de la souris se déplace sur le lien, l'événement OnMouseOver sera généré, etc. En JavaScript, les événements sont souvent utilisés en conjonction avec les gestionnaires d'événements.
7. Variables
Par exemple, var myvariable = "une valeur";
Cas classique:
loterie js
Points de connaissance inclus: l'utilisation des minuteries, l'utilisation des méthodes d'objets de document, l'utilisation des tableaux JS, l'utilisation d'objets intégrés, l'utilisation des fonctions du système JS et l'événement d'enregistrement.
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "contenu-type" contenu = "text / html; charmet = utf-8" /> <title> </ title> "a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z" var aldataarr = alldata.split (","); var num = allDataarr.length - 1; var temporisateur; function start () {ClearInterval (Timer); h timer = setInterval ('change ()', 10); } fonction change () {document.getElementById ("oknum"). innerHtml = allDataarr [getrnd (0, num)]; } fonction getrnd (min, max) {return parseInt (math.random () * (max - min + 1)); } function ok () {ClearInterval (Timer); document.getElementById ("showResult"). Value = document.getElementById ("OKNUM"). InnerText; } </ script> </ head> <body> <div id = "oknum" name = "oknum"> Veuillez cliquer sur Démarrer </div> <Button onClick = "start ()" AccessKey = "S"> Démarrer </futton> <! - /// L'attribut AccessKey spécifie la clé de shortcut pour activer (faire l'élément Focus) L'élément. -> <bouton onclick = "ok ()" accessKey = "o"> stop </futton> Votre choix est: <input type = "text" id = "showResult" value = "" /> </body> </htmlImage d'arrière-plan de commutation
Points de connaissance inclus: l'utilisation des minuteries, l'utilisation de méthodes d'objets de document
<script type = "text / javascript"> window.onload = function () {setInterval (Step, 1000); } var num = 1; function Step () {if (num <5) {num ++; } else {num = 1; } var dom = document.getElementById ("imgid"); // Modifie ses images d'attribut src dom.src = 'images /' + num + '.jpg'; } </ script> </ head> <body> <img src = "images / 1.jpg" id = "imgid" /> </ body> </html>Chapiteau:
Points de connaissance inclus: l'utilisation des minuteries, l'utilisation des méthodes d'objets de document, l'utilisation des fonctions système, l'utilisation d'événements de souris, l'utilisation des opérations de nœud, les instructions de boucle et les déclarations de jugement
<script src = "js / jquery-1.8.3.min.js"> </ script> <script type = "text / javascript"> (function ($) {$ .fn.extend ({rollTitle: function (opt, callback) {if (! opt) var = {}; var _this = this; _this.timer = null; _Te _This.Find (LI: First "). parseint (opt.timespan, 13): 5000; (i = 1; i <= _This.line; i ++) {_This.find ("li: premier"). setInterval (function () {_This.scrollup ();}, _This.Timespan);}). Mouseout (); > <li style = "Color: Red"> Je t'aime </li> <li style = "Color: Pink"> Je t'aime </li> <li style = "Color: Blue"> Je t'aime </li> <li style = "Color: Green"> Je t'aime </li> <li style = "Color: YellowGreen"> Je t'aime </li> </ul> <br/> <Entrée Type = "Button" sur ")"); Value = "Marionette"> <Script Type = "Text / JavaScript"> Function Test () {$ ("# runTopic"). Rechercher ("Li: First"). APPENDTO ($ ("# runTopic")); } </ script> </ body> </html>C'est la fin de la compréhension de JavaScript. Il y aura des cas sur JS à l'avenir. J'espère que cela peut aider tout le monde! ! !
La compréhension JavaScript ci-dessus et l'analyse de cas classiques sont 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.