JavaScript es un lenguaje descriptivo, pero no es difícil de aprender. Siempre que lo estudie con cuidado, definitivamente lo aprenderá bien. Creo que cuando lees este artículo, debes haber aprendido HTML. Use JavaScript para tener una mejor interacción con las páginas web. Vamos al tema.
1. JavaScript
1.¿Qué es JavaScript?
JavaScript es un lenguaje descriptivo, y también es un lenguaje de secuencias de comandos basado en objeto y unidad de eventos (impulsado por eventos).
2. Características de JavaScript
JavaScript se usa principalmente para agregar un comportamiento interactivo a las páginas HTML.
JavaScript es un lenguaje de secuencias de comandos con sintaxis similar a Java.
JavaScript se usa generalmente para escribir scripts de clientes.
JavaScript es un lenguaje interpretativo.
3. La composición de JavaScript
ECMScript Standard (estándar que especifica todos los atributos, métodos y objetos)
Modelo de objeto de navegador de BOM: Interactuar con HTML
Modelo de objeto de documento DOM: acceso y manipulación de documentos HTML
4. Estructura básica de JavaScript
<script language = ”javaScript” type = ”text/javaScript”> </script> lenguaje = ”javascript" se usa para indicar que el idioma utilizado es javascript
5. Principio de ejecución de JavaScript
1. El cliente del navegador envía una solicitud al servidor. (La dirección ingresada por el usuario en la barra de direcciones del navegador)
2. Procesamiento de datos: el lado del servidor procesa una página que contiene JavaScript.
3. Enviar respuesta: el servidor envía la página al cliente del navegador para procesar el archivo HTML que contiene JavaScript, y luego el cliente del navegador analiza las etiquetas HTML y las etiquetas JavaScript de arriba a abajo, presentando el efecto de la página al usuario.
dos. Cómo introducir JavaScript en páginas web
1. Use la etiqueta <script>.
2. Use archivos javascript externos.
Quiero ejecutar JavaScript en varias páginas para lograr el mismo efecto, generalmente usando archivos con archivos externos como .js.
Cómo hacer referencia a un archivo con .js como extensión:
<script src = "../ 1.js"> </script>
Nota: Los archivos externos no pueden contener <script> </script>
3. Directamente en etiquetas HTML
<input name = 'btn' type = "button" value = "box de mensaje emergente" onClick = "javaScript: alert (" bienvenido ");"/>3. Sintaxis del núcleo de JavaScript
1. Declaración y asignación de variables
La declaración de variables solo se usa en VAR, y la especificación de nombres de variables es similar a Java. Var num = 1;
En JavaScript, las variables se pueden usar directamente sin declaración, pero este uso no se recomienda.
2. Tipo de datos
Indefinido (tipo indefinido)
Nulo (tipo nulo)
Número (tipo de número)
Cadena (tipo de cadena)
Booleano (tipo booleano)
3. La diferencia entre indefinido y nulo
NULL significa "sin objeto", es decir, no debería haber un valor allí. El uso típico es:
(1) Como parámetro de una función, el parámetro de la función no es un objeto.
(2) Como punto final de la cadena prototipo de objeto.
Object.getPrototypeOf (objeto.prototype) // nulo
Undefinado significa "valor faltante", lo que significa que debe haber un valor aquí, pero aún no se ha definido. El uso típico es:
(1) Cuando se declara una variable pero no tiene asignación, es equivalente a indefinido.
(2) Al llamar a la función, no se proporciona el parámetro que debe proporcionarse, y el parámetro es igual a indefinido.
(3) El objeto no tiene atributo asignado al valor, y el valor del atributo no está definido.
(4) Cuando la función no devuelve un valor, el indefinido se devuelve de forma predeterminada.
4. Solo hay 6 casos, y se determina que el resultado es falso.
nulo, falso, indefinido, 0, "", nan
5. Algunos métodos comunes de cadenas
toString (); Devuelve la cadena
tolowercasee (); Reemplace la cadena con minúsculas.
tOUPPERCASE (); convertir la cadena en mayúsculas
charat (índice); Devuelve la cadena en la ubicación especificada
indexOf (str, índice); Encuentre la primera aparición de una cadena especificada en la cadena
Subcadena (índice, índice); Devuelve una cadena ubicada entre el índice especificado Index1 e Index2 (incluidos Index1 y Index2 pero no Index2)
Dividir (str); dividir la cadena en la matriz de caracteres
6. Tres formas de crear una matriz y asignar valores a la matriz
01. Var num = ('1', '2');
02.Var num = nueva matriz (2);
Num [0] = 1;
Num [1] = 2;
03.var num = ['1', '2'];
Métodos y propiedades comunes de las matrices
Longitud: establezca o devuelva el número de elementos en la matriz
Unir (): Pon todas las velocidades de habla de la matriz en una cadena y divídalas dividiendo caracteres.
Sort (): matriz de clasificación
Push (): Agregue uno o más elementos al final de la matriz y vuelva a colocar la nueva longitud.
<script type = "text/javaScript">
// 01. Método 1: cree una matriz y asigne un valor a la matriz
// var fruit = new Array ('manzana', 'naranja', 'durazno', 'bananer');
// 02. Método 2: crea primero una matriz y luego asigne un valor a la matriz a través de un subíndice
Var frutas = nueva matriz (4);
frutas [0] = 'Apple';
frutas [1] = 'naranja';
frutas [2] = 'Peach';
frutas [3] = 'Bananer';
// 03 Método 3: Similar al método 1, pero el símbolo se cambia
// var fruitss = new Array ['Apple', 'Orange', 'Peach', 'Bananer'];
// 04. Acceder a datos con subíndice 3 en la matriz
document.write (frutas [0]);
// 05 Coloque el elemento en la cadena a través del método de unión de la matriz y divídalo con el delimitador especificado
resultado var = fruits.Join (',');
// 06sort la matriz a través del método de clasificación
frutas.sort ();
// 06. Agregue uno o más elementos al final y finalmente devuelva la nueva longitud de la matriz
var longitud = fruits.push ('wert', 'pie');
document.write ('/n' + longitud);
// 07. Iterar sobre la matriz
para (elemento var en frutas)
{
alerta (frutas [elemento]);
}
</script>
7. Operadores
8 Depuración del programa
Solución 1: depuración en VS
Pasos: 01. Establezca la página para depurarse como la página de inicio
02. Establezca el punto de interrupción
03. Presione F5 para comenzar a depurar
Solución 2: depuración del navegador Chrome
Pasos: 01. Haga clic en F12 para llamar a la herramienta
02. Establezca el punto de interrupción
03. Actualiza la página
Solución 3: es decir, navegador
Pasos: 01.F12, Herramientas para desarrolladores
02. Cambiar a la pestaña Script
03. Establezca el punto de interrupción
04. Empiece a depurar
05. Actualizar
4. Funciones en JavaScript
1. Funciones del sistema comúnmente utilizadas
01. ParseInt ("cadena");
La función parseInt () primero verifica el carácter en la posición 0 y determina si es un número válido. Si no, devuelve NAN y no realiza otras operaciones. Sin embargo, si el carácter es un parámetro válido, la función verá el carácter en la posición 1 y realizará la misma prueba. Este proceso continuará hasta que se encuentre que el personaje es un carácter válido. En este momento, el personaje convierte la cadena anterior en un número.
p.ej:
var num1 = parseInt ("78.9") // El valor de retorno es 78
var num2 = parseInt ("AFA78.9") // El valor de retorno es nan
02.parsefloat ("cadena");
Su uso es similar a ParseInt, excepto que el primer punto que aparece en la cadena se considerará un carácter válido.
p.ej:
var num1 = parseInt ("78.9") // El valor de retorno es 78
var num2 = parseInt ("AFA78.9") // El valor de retorno es nan
2. Funciones personalizadas
En JavaScript, una función personalizada se compone de función, nombre de función, un conjunto de parámetros y declaraciones de JavaScript que se ejecutarán entre paréntesis.
Echemos un vistazo a la sintaxis:
Nombre de función de la función (Parámetro 1, Parámetro 2, ..)
{
// Declaración de JavaScript
[Valor de retorno de retorno]
}
La función es una palabra clave que define una función y debe estar allí.
Los parámetros 1 y el parámetro 2 son parámetros de la función, porque el tipo de JavaScriptP es débil, y no es necesario proporcionar un tipo cuando se le da el parámetro.
El principio y el final de una función definida por {}.
La declaración de retorno se utiliza para especificar el valor devuelto por la función.
2. Funciones de llamadas
Para ejecutar una función, primero debe llamar a esta función, y debe formular el nombre de la función y los parámetros seguidos.
p.ej:
<script type = ”text/javaScript”> function show () {} show (); </script>3. Funciones anónimas
Las funciones anónimas son funciones sin nombres, también llamadas cierres, que permiten la creación temporal de una función sin un nombre especificado. Muy a menudo utilizado como un valor para los parámetros de devolución de llamada, muchos novatos no saben sobre las funciones anónimas. Analicémoslo aquí.
Nombre de la función de función (Lista de parámetros) {Function Body;}
Si está creando funciones anónimas, debería ser:
function () {function body;}
Debido a que es una función anónima, generalmente no se le pasan parámetros.
¿Por qué crear funciones anónimas? ¿En qué circunstancias se utilizarán funciones anónimas? Hay dos escenarios comunes para funciones anónimas, uno es la función de devolución de llamada y el otro es ejecutar directamente la función.
p.ej:
<script language = "javaScript"> var a = "a"; (function () {var a = "b"; alerta (a);}) (); alerta (a); </script>En el código anterior, se emitirán dos cuadros de alerta en secuencia. El contenido del primer cuadro de alerta es B y el segundo es a. Pensé que había un método anónimo en esta etiqueta de script y que cuando B apareció por primera vez, luego alerta (a) después de tocar el método anónimo, apareció.
El tutorial básico de JavaScript anterior: un artículo de lectura obligada para comenzar es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.