fondo
- Igual que la interacción entre el usuario y la web
- Por el fundamento del lenguaje, composición lista de materiales y DOM
- AJX (JavaScript asíncrono y XML): solicitud de datos asincrónica
La sintaxis básica
- documento: js objetos integrados, partes del documento en nombre del navegador
- document.write ( "Hola JS");
- ja código debe ser colocado en la etiqueta script, sugerencias de etiquetas script en la etiqueta de la cabeza
- Cuando el código es más, en un archivo js, y luego cita
<scriptsrc="https://how2j.cn/study/hello.js"></script>
- nota
- // una sola línea de comentario
- / * Comentario de varias líneas * /
variable
- var x = 1; o x = 1;
depuración
- alerta (1);
- Firefox en la depuración
- console.log ()
Tipos de datos
- indefinido: variable declarada pero no asignado
- Booleano: true 或 falsa
- Número: todo tipo de números binarios, números de punto flotante, la notación científica
- String: String (JS sin caracteres)
- js variables es un tipo dinámico
- El análisis de tipo de datos utilizando typeof
- nula: el objeto no existe
tipo de conversión
- Pseudo objeto: tipos básicos tienen atributos y métodos
- toString (): convierte una cadena
- String (): convierte una cadena (que puede manejar null)
- Número (): convertido a digital
- parseInt (): se convierte a digital
- parseFloat (): se convierte a digital
- Boolean (): Conversión a booleano
función
- función: una función se define
- Función de impresión (parámetro) {} valor de retorno de la devolución cuerpo de la función
alcance
- parámetros Alcance
- Parámetros de la función dentro del alcance de la función de
- Las variables globales alcance
- Se define como una variable global, puede acceder a todas las funciones antes de la función
evento
- HTML y JS permitir un comportamiento interacción con el usuario de cualquier usuario de la página Web de la operación tendrá un evento, tales como los movimientos del ratón, clics, etc.
operadores
- operadores básicos: +, -, *, /,%
- De incremento, decremento operadores: +, -
- Operador de asignación: =, + =, - =, * =, / =,% =
- Los operadores lógicos: ==, =,> =, <=!
- operador ternario:?:
Las sentencias condicionales
- si ... si no ...: Condiciones de juicio
- else if: multi-condición de determinación
- cambiar: Multi-condicional
bucle
- para: bucle
- mientras que: bucle
- do-while: bucle, ejecutado al menos una vez
- forEach: la circulación mejorada
- seguir: seguir el siguiente ciclo
- romper: Terminator Cycle
Control de errores
- try ... catch: detectar los errores que puedan surgir, para asegurar que el resto de la frase puede ser ejecutado
objetos
- js objetos es un tipo de datos con las propiedades y métodos
- Digital (Número)
- nuevo número (): Crear un objeto Number
- propiedad
- MIN_VALUE: Number El valor mínimo de
- NaN: no representa un número
- método
- toFixed (): devuelve la expresión fraccional
- () ToExponential: devuelve una expresión numérica notación científica
- valueOf (): devuelve un tipo elemental objeto digital
- String (String)
- nueva cadena (): Crear un objeto de cadena
- propiedad
- longitud: longitud de la cadena
- método
- charAt (): Devuelve la posición del carácter especificado
- concat (): la concatenación de cadenas
- indexOf (): los aparezca cuerda
- localeCompare (): comparar dos cadenas son iguales
- subcadena (): la interceptación de una subcadena
- dividir (): La cadena delimitador en una matriz
- sustituir (): subcadenas reemplazando
- Array (Array)
- matriz dinámica, de longitud variable
- new Array (): crear una matriz de objetos
- propiedad
- longitud: longitud de la matriz
- método
- para (): Iterar
- concat (): conector de matriz
- join (): Especifica la expresión de cadena delimitador devuelve una matriz
- push (): insertado en el último los datos de posición
- pop (): Obtiene los datos y eliminar en la posición final
- unshift (): datos de la inserción en la posición de partida
- shift (): Obtiene y los datos de borrado en la posición final
- sort (): ordenar el contenido de la matriz
- sort (comparador): algoritmo de ordenación personalizada
- reverse (): El contenido de matriz de reposición
- slice (): Obtiene una matriz de niño
- de empalme (): borrar e insertar elementos
- Fecha (Date)
- new Date (): Fecha de creación de objetos
- getFullYear (): Obtiene años
- getHours (): Obtiene el tiempo
- getDay (): Los primeros días de la semana
- getTime (): experiencia ms
- setFullYear (): fecha y hora de modificación
- Math (Matemáticas)
- propiedad
- E: logaritmo natural
- PI: PI
- método
- abs (): valor absoluto
- min (): valor mínimo
- max (): valor máximo
- pow (): Exponenciación
- round (): redondeo
- número aleatorio: random ()
- propiedad
- objeto personalizado
- método 1
- <Script>
- héroe var = new Object ();
- hero.name = "Gareen";
- obj.kill = function () {...}
- </ Script>
- método 2
- <Script>
- función Hero (nombre) {
- this.name = Nombre;
- this.kill = function () {...}
- }
- gareen var = nuevo héroe ( "Garren");
- gareen.kill ();
- </ Script>
- Añadir un nuevo método para un objeto existente
- Hero.prototype.keng = function () {...}
- método 1
BUENO
- Examinador de objetos (Browser Object Model)
- Ventana: Ventana
- Navegador: navegador
- Proporciona información relacionado con el navegador
- Pantalla: pantalla del cliente
- información relacionada con el usuario de la pantalla, como la resolución, etc.
- Historia: la historia de acceso
- espalda (): Devuelve la última visita
- ir (-2): retorno a la última visita
- Ubicación: la barra de direcciones del navegador
- recarga (): Actualizar la página actual
- cuadro de pop-up
- alerta (): cuadro de advertencia
- confirmación (): casilla de verificación
- cuadro de entrada: prompt ()
- temporizador
- setTimeout (): ejecución sólo una vez
- setInterval (): Repetir parada
- clearInterval (): Repetir la terminación
- No utilice doucument.write en una función llamada por setInterval ()