Resumen de los puntos de conocimiento de JavaScript (debe leer)

1. El concepto de JavaScript: es un lenguaje de representación, y también es un lenguaje de secuencias de comandos basado en objeto (objeto) y basado en eventos (EventDriven), que se ejecuta en el cliente, reduciendo así la carga en el lado del servidor. El resumen es el siguiente:

1. JavaScript se usa principalmente para encontrar la página HTML para agregar un comportamiento interactivo.

2.JavaScript es un lenguaje de secuencias de comandos con sintaxis similar a Java.

3. JavaScript se usa generalmente para escribir scripts de clientes.

4.JavaScript es un lenguaje interpretativo que explica mientras se ejecuta.

2. JavaScript está compuesto por la sintaxis del núcleo Ecmascript y el modelo de objeto del navegador (BOM). Se utiliza principalmente para administrar la comunicación entre Windows, por lo que su objeto principal está compuesto por tres partes: Modelo de objetos de ventana y documento (DOM).

3. Tres formas de introducir JavaScript en las páginas web:

1. Use el estilo interno <script> </script> etiqueta

2. Use archivos JS externos

3. Estilos en línea directamente en etiquetas HTML.

4. El papel de JavaScript

1. Implementar la verificación de formulario de página

2. Implementar efectos de interacción de página

5. Características de JavaScript

1. Diseñado para agregar un comportamiento interactivo a las páginas HTML

2. Es el lenguaje de secuencias de comandos más popular en Internet

3. Generalmente utilizado para escribir scripts de clientes

4. Es un lenguaje interpretativo

6. Cómo presentar a JavaScript

1. Use la etiqueta <Script> para incrustar la página web directamente

2. Use archivos JS externos

Métodos comunes para objetos de cadena en JS:

1. toString (antes del paquete, no después del paquete), 2. tolowercase (); tOUPPERCASE ();
2. charat (índice); Devuelve el carácter en la posición especificada, indexOf (str, índice); Especifica la posición que aparece por primera vez en la cadena; dividir (str); divide la cadena en una matriz de cadenas

En JavaScript, el conmutador de instrucción condicional () {} se puede conectar a una cadena;

alerta ("mensaje de inmediato");

var isok = confirmar ("Cuadro de confirmación"); // Si la confirmación devuelve verdadero, de lo contrario, devuelva falso

inder (); inder ("información de inmediato", "Información predeterminada del cuadro de entrada");

solicitado ("Ingrese su nombre")

cerca();

abierto();

setTimeOut (); Llame a una función después de especificar milisegundos

setInterval (); Llama a una función en el período de milisegundos especificados a milisegundos

Window.open ();

7. JS Sintaxis:

1. Sensible en mayúsculas

2. Presta atención a las especificaciones de nombres de variables, funciones, etc.

3. Cada línea de código termina con un punto y coma

Funciones en JS:

1. Funciones del sistema

Parseint (); convertir en entero 45.9a convertir a 45; A6 Convert Returns a NAN (no un número)

Isnan (juzgando si es un número)

typeof (var); Determinar qué tipo de datos es

eval ("5+2"); calcula el valor de expresión

2. Funciones personalizadas

Función Nombre de función () {Código JavaScript}

Nombre de función de la función (Parámetro 1, Parámetro 2) {Valor de retorno de retorno del código JavaScript (opcional)}

Llamar a las funciones en JS:

1. Name de eventos = "Nombre de la función (valor de parámetro aprobado)";
2. Nombre de la función (valor de parámetro aprobado);

Funciones anónimas:

1. Declaración de la función anónima:

Var variable name = function (parámetro) {valor de retorno del cuerpo de funciones;};

1. Llamar

Nombre de la variable (parámetro)

8. Llamadas del programa

1. Agregar alerta (); Método 2. Use Firebug (); método

9. Descripción general de BOM: (modelo de objeto del navegador, modelo de objeto del navegador)

1. Propiedades del objeto de la ventana

Métodos comunes para objetos Weindow: propt () confirmar (); setTimeOut (); setInterval ();

Eventos comunes para objetos de ventana: onload = "" onMouseOver = ""; Onclick

Window.Parent.Lococation

2. Objeto de la historia

Método: back (); hacia adelante (); Go ();

3. El objeto de ubicación proporciona la URL de la página actual

Atributo: host hostname href

Método: reload () reemplazar ();

4. Objeto de documento

Atributo: el atributo de referencia determina si se accede a través de un hipervínculo, no devuelve nulo

10. Objetos en JavaScript,

Objeto de fecha:

Crear objeto de fecha y enviar método var fecha = nueva fecha (mm dd, aaa yyy, hh: mm: ss);

var fecha = nueva fecha (); date.getday ();

Objeto matemático:

Fortificar techo(); redondee el número, techo (25.5) = 26;

Piso(); Redondeo hacia abajo, piso (25.5) = 25;

Math.round (25.5); redondear después de agregar 0.5 al número original

11. Descripción general deldom (modelo de objeto de documento)

Que consiste en coredom, xmldom, html dom;

12. Crea una matriz

Declaración de variables en JS:

Nombre de matriz var = nueva matriz (tamaño);

1. Declare primero y luego asigne fruta [0] = "
2. Declarar la asignación de var fruit = new Array ("manzana", "naranja"); o var fruit = nueva matriz ["manzana", "naranja"];

Leer 1. Lea con el bucle 2. Lea con --- en

Para (var x en fruta) {document.write (fruta [x]+"<br/>")} x es el subíndice

Fruit.sort (); // sort de cadena str = fruit.join ("-"); // Agregar cadena y unirse a una cadena

Objeto de selección desplegable:

13. Estilo de posicionamiento estilo

Posición superior izquierda Index Z

Distancia de desplazamiento del ratón: Scorlltop: distancia vertical

Scorllleft: distancia horizontal

Permitido de desplazamiento del ratón: Onscorll

Conversión entre objetos jQuery y objetos DOM

1. El objeto jQuery se convierte a objeto DOMD. jQuery proporciona dos métodos para convertir el objeto jQuery en objeto DOM, a saber [índice] y get (index),

var $ txtname = $ ("#txtname"); // objeto jQuery

var txtname = $ txtname [0]; // objeto dom

alerta (txtname.ecked); // verifique si esta casilla de verificación está seleccionada

Obtenga el objeto DOM correspondiente a través del método Get (índice)

Var $ txtname = $ ("#txtname"); // objeto jQuery

Var txtname = $ txtname.get (0); // objeto dom

alerta (txtname.ecked); // verifique si esta casilla de verificación está seleccionada

1. Convertir objeto DOM a objeto jQuery

Var txtname = document.getElementById ("txtname"); // objeto dom

Var $ txtname = $ (txtname); //

Agregue el atributo de clase en DOM para usar obj.classname = classname;

Agregue contenido de clase usando obj.innerhtml = <input />

Agregue el atributo de clase en jQuery para usar obj.addclaa = classname;

Agregar contenido de clase para usar: obj.html = <input/>;

Los cinco selectores principales en JQurey:

1. Selector básico (#. Etiqueta)
2. Selector jerárquico (descendientes> niños + adyacente ~ par)
3. Selector de atributos (p [class = name])
4. Selector de filtro ("TR: incluso")
5. Selector de visibilidad ("P: Hidden" "P: Viside")

Eventos en jQuery:

Obj.bind ("clike", function () {});

obj.bind ({mousever: function () {}, {mouserout: function () {}}});

obj.unbind ();

obj.Hover (function () {}, function () {}) colección de métodos en mouseover y onmouseOut

obj.toggle ();

$ (". tipsbox"). show (); obj.hide ();

$ ("img"). Fadein (1000);

$ (". txt"). SlideUp (1000); obj.slididown (1000);

Obj.toggleclass ("class"); // integrar addclass y romoveclass

$ (this) .val (""); // Borrar el contenido de texto

Var $ newnode = $ (<"<li> Crear nuevo nodo de elemento con jQuery </li>">);

En expresión regular

Algunos consejos comunes en JS:

1. ¡Usa el! ¡Operador para convertir el valor booleano, que puede usarse para variables! ! Variable para la detección. Mientras el valor de la variable sea: 0, nulo, "", indefinido o nan devolverá falso y la otra forma es verdadera

cuenta de funciones (efectivo)

{

this.cash = efectivo;

this.hasmoney = !! dinero en efectivo;

}

2. Use + para convertir la cadena en números, solo se aplican datos de cadena, de lo contrario, NAN se devolverá

function tonumber (strnum) {

return +strnum;

}

Aplicable hasta la fecha () Devuelve el número de marca de tiempo: +nueva fecha ();

3. Cuando el bucle es muy grande, la longitud del número se da primero, var Legth = Array.legth;

4.if ('QuerySelector' en el documento) {

document.queryselector ("#id");

} demás {

document.getElementById ("id");

}

5. Obtenga el último elemento en la matriz

varilla var = [1,2,3,4,5];

array.slice (-1);

6. Reemplazo de elementos de cadena

var string = "John John";

string.replace (/hn/, "ana"); // "Joana John"

string.replace (/hn/g, "ana"); // "Joana Joana"

El resumen de puntos de conocimiento de JavaScript anterior (debe leer imprescindible) es todo el contenido compartido por el editor. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.