1. JavaScript Core Basic Syntax
1. JavaScript es un lenguaje de programación que aumenta los efectos de interacción. Originalmente fue inventado por Netscape y finalmente fue presentado a ECMA (Asociación Europea de Fabricantes de Computadores). ECMA estandariza a JavaScript y se llama JavaScript.
2. JavaScript es un lenguaje interpretado que se puede ejecutar directamente en el navegador sin compilación.
3. ¿Qué utiliza JavaScript?
1. Puede controlar todos los elementos en la página web y agregar, eliminar y modificar los atributos de los elementos.
2. Puedes poner texto dinámico en el HTML.
3. Responda a los eventos generados por los usuarios cuando usan páginas web.
4. Verifique los datos ingresados por el usuario.
5. Detectar el navegador del usuario.
6. Se usa para crear cookies.
4. Tres formas de crear JavaScript en páginas web HTML
1. Estilo externo:
Cree un archivo con el nombre del archivo: xx.js Enlace a través de <script src = "xx.js"> <script>
2. Estilo de incrustación:
Use <script type = "text/javaScript"> </script> en la cabeza o el cuerpo en el html o cargándolo directamente con <script> </script>
3. Estilo en línea:
Agregue eventos directamente a la etiqueta: <input onClick = "alert ('helloworld!')"> Cargar
5. Tipo de datos de JavaScript:
Sus tipos de datos tienen dos categorías: 1. Tipos de datos primitivos 2. Tipos de datos de referencia (objetos)
Tipo de datos original: 1.Typeof 2.Number 3. String 4.Boolean 5. Null 6 6.unnefinido
Tipos de datos de referencia: (hay tres tipos de objetos predefinidos) 1. Objetos nativos (objeto, número, cadena, booleano, función, matriz, fecha, etc.) 2. Objetos incorporados: no es necesario mostrar inicialización (matemática, global) 3. Objetos de host (principalmente Bom y Dom)
6.Bom y Dom
Bom: modelo de objeto del navegador
DOM: Modelo de objetos de documento
2. Modelo de evento JavaScript
1.
2. Tipo de captura: <input type = "botón"> Cuando el usuario hace clic en el botón: ventana-document-html-body-entrada (de arriba a abajo)
Después de la estandarización de ECMA, otros navegadores admiten dos tipos, y la captura ocurre primero.
2. Tres formas de escribir eventos tradicionales:
1. <input type = "button" onClick = "alert ('helloworld!')">
2. <input type = "button onClick = name1 ()"> ====== <script> function name1 () {alerta
3. <input type = "button" id = "input1"> // función anónima
La copia del código es la siguiente:
<script>
Var button1 = document.getElementById ("input1");
Button1.OnClick = Fundtion () {
alerta ('¡Helloword!')
}
</script>
3. Método de escritura de eventos modernos:
La copia del código es la siguiente:
<input type = "button" id = "input1"> // Agregar eventos en IE
<script>
var fnClick () {
alerta ("Fui clic")
}
var oinput = document.getElementById ("input1");
Oinput.attachevent ("onclick", fnclick);
--------------------------------------
Oinput.detachevent ("onClick", fnclick); // Eliminar evento en IE
</script>
<input type = "button" id = "input1"> // Agregar eventos en DOM
<script>
var fnClick () {
alerta ("Fui clic")
}
var oinput = document.getElementById ("input1");
Oinput.AdDeventListener ("onClick", fnClick, true);
--------------------------------------
Oinput.removeEventListener ("onClick", fnclick); // Eliminar evento en DOM
</script>
<input type = "button" id = "input1"> // Compatible con los eventos de adición de IE y DOM
<script>
var fnClick1 = function () {alert ("Fui clic")}
var fnClick2 = function () {alert ("Fui clic")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.attachevent ("onclick", fnclick1)
Oinput.attachevent ("onclick", fnclick2)
}
else (document.addeventListener) {
Oinput.addeventListener ("hacer clic", fnclick1, verdadero)
Oinput.addeventListener ("hacer clic", fnclick2, verdadero)
}
</script>