Introducción a JS:
JavaScript es un lenguaje de programación que puede hacer que su página web sea más animada, y también es el lenguaje más fácil y conveniente en el diseño de la página web.
Puede usar fácilmente JavaScript para crear mensajes de bienvenida amigables, hermosos relojes digitales, linternas de marquesina publicitaria y elecciones simples, y también mostrar el tiempo que permanece el navegador. Deje que estos efectos especiales aumenten la obsesión de la página web.
JavaScript ahora puede hacer muchas cosas en la página web, incluidos los efectos especiales web, el funcionamiento de DOM, los juegos HTML5 (basados en la combinación de HTML5 y JavaScript), animaciones y otros efectos especiales, y también pueden extraer datos del escenario (a través de AJAX), que no solo se puede usar como el escritorio delantero sino también como el backstage.
Por ejemplo, Node.js, etc., y algunos motores de escritorio Node-Webkit pueden convertir a JavaScript en aplicaciones de escritorio. Por ejemplo, en Unity3D, puede usar JavaScript para escribir juegos (la sintaxis, las características, etc. de JavaScript utilizada por Unity3D)
Características del idioma JavaScript:
1). JavaScript se usa principalmente para agregar un comportamiento interactivo a las páginas HTML.
2) .JavaScript es un lenguaje de secuencias de comandos con sintaxis similar a Java.
3). JavaScript generalmente se usa para escribir scripts de clientes.
4) .JavaScript es un lenguaje interpretado que explica mientras se ejecuta.
Explicación de puntos de conocimiento de JavaScript:
1. Operador
Los operadores son una serie de símbolos que completan operaciones. Tienen siete categorías: operadores de asignación, operadores aritméticos, operadores de comparación, operadores lógicos, operaciones condicionales, operadores de operación de bits y operadores de cadenas.
2. Expresiones
La combinación de operadores y operandos se llama expresiones, que generalmente se dividen en cuatro categorías: expresiones de asignación, expresiones aritméticas, expresiones booleanas y expresiones de cadena.
3. Oraciones
Un programa JavaScript está compuesto por varias declaraciones, y la declaración es una directiva para escribir el programa. JavaScript proporciona declaraciones de programación básicas completas, que son: si ~ lo contrario, instrucción de asignación, instrucción Switch Selection, mientras que la instrucción de bucle, para la declaración de bucle, DO WHILE DISTACIÓN DE LA DISTACIÓN DE BOCA, Break Loop Abort y Continting Interruption.
Nota: Al juzgar, solo estos resultados son falsos: es decir,
Si el objeto lógico no tiene valor inicial o su valor es 0, -0, nulo, "", falso, indefinido o nan, entonces el valor del objeto es falso. De lo contrario, su valor es verdadero (incluso cuando el argumento es la cadena "falsa")!
4. Función
Las funciones se nombran segmentos de declaración, que pueden referenciarse y ejecutarse como un todo. Se deben prestar atención a los siguientes puntos al usar funciones:
1) La función está definida por la función de palabra clave;
2) la función debe definirse primero y luego usarse, de lo contrario ocurrirá un error;
3) El nombre de la función es el nombre mencionado al llamar a una función. Es sensible a la caja y el nombre de la función no se puede escribir incorrectamente al llamar a una función;
4) El parámetro representa el valor pasado a la función para su uso u operación. Puede ser una constante o una variable;
5) La declaración de retorno se usa para devolver el valor de la expresión, o se puede dejar sin ella.
5. Objeto
Una función importante de JavaScript es la función basada en objetos. A través de la programación basada en objetos, el desarrollo del programa se puede llevar a cabo de una manera más intuitiva, modular y reutilizable. Un conjunto de atributos que contienen datos y métodos que funcionan con datos contenidos en atributos se denominan objetos. Por ejemplo, si desea establecer el color de fondo de la página web, el objeto que está dirigido es el documento, y el nombre del atributo utilizado es BGColor, como document.bgcolor = "azul", lo que significa que el color de fondo es azul.
6. Eventos
Las acciones generadas cuando un usuario interactúa con una página web se llaman eventos. La mayoría de las cosas son causadas por las acciones del usuario, como: si el usuario presiona el botón del mouse, se generará el evento OnClick, y si el puntero del mouse se mueve en el enlace, el evento On Mouseover se generará, etc. En Javascript, los eventos a menudo se usan en conjuntos de eventos.
7. Variables
Por ejemplo, var myVariable = "algún valor";
Caso clásico:
Lotería JS
Puntos de conocimiento incluidos: el uso de temporizadores, el uso de métodos de objetos de documento, el uso de matrices JS, el uso de objetos incorporados, el uso de funciones del sistema JS y el evento de registro.
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </title> </script type = "text/javaScript" "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 Alldataarr = Alldata.split (","); var num = alldataarr.length - 1; temporizador var; function start () {ClearInterval (Timer); H Timer = SetInterval ('Change ()', 10); } function Change () {document.getElementById ("oknum"). innerhtml = alldataarr [getrnd (0, num)]; } función getrnd (min, max) {return parseInt (math.random () * (max - min + 1)); } function ok () {ClearInterval (temporizador); document.getElementById ("showResult"). value = document.getElementById ("oknum"). inNTEXT; } </script> </head> <body> <div id = "oknum" name = "oknum"> Haga clic en Start </div> <button onClick = "start ()" accesskey = "s"> start </boton> <!-/// El atributo de acceso de acceso especifica la tecla de acceso directo para activar (hacer el elemento enfoque) el elemento. -> <botón onClick = "ok ()" accesskey = "o"> stop </boton> Su elección es: <input type = "text" id = "showResult" value = ""/> </body> </htmlCambio de imagen de fondo
Puntos de conocimiento incluidos: el uso de temporizadores, el uso de métodos de objetos de documento
<script type = "text/javaScript"> window.onload = function () {setInterval (step, 1000); } var num = 1; función step () {if (num <5) {num ++; } else {num = 1; } var dom = document.getElementById ("imgid"); // Cambiar sus imágenes Atributo Src Dom.src = 'Images/' + num + '.jpg'; } </script> </head> <body> <img src = "imágenes/1.jpg" id = "imgid"/> </body> </html>Marquesina:
Puntos de conocimiento incluidos: el uso de temporizadores, el uso de métodos de objetos de documento, el uso de funciones del sistema, el uso de eventos del mouse, el uso de operaciones de nodo, declaraciones de bucle y declaraciones de juicio
<script src = "js/jQuery-1.8.3.min.js"> </script> <script type = "text/javascript"> (function ($) {$ .fn.extend ({rolltitle: function (upt, callback) {if (! opt) var opt = {}; var _his = this; _this.timer _THIS.FIND ("Li: Primero"). Height (); parseint (opt.Timespan, 13): 5000; for (i = 1; i <= _this.line; i ++) {_this.find ("li: primero"). = setInterval (function () {_this.scrollup ();}, _this.TimesPan); > <li style = "color: rojo"> te amo </li> <li style = "color: rosa"> te amo </li> <li style = "color: azul"> Te amo </li> <li style = "color: verde"> te amo </li> <li style = "color: amarillo"> te amo </ril> </l> <br/> <put type = "oneCLick ("; ";" valor = "marionette"> <script type = "text/javaScript"> function test () {$ ("#runtopic"). find ("li: primero"). appendTo ($ ("#runtopic")); } </script> </body> </html>Este es el final de la comprensión de JavaScript. Habrá casos sobre JS en el futuro. ¡Espero que pueda ayudar a todos! ! !
La comprensión de JavaScript anterior y el análisis de casos clásicos son todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.