JavaScript (IV) - programación orientada a objetos, BOM, DOM, la validación de formularios, jQuery

1. Programación orientada a objetos

(1) objeto prototipo
JavaScript, Java, C #. . . . Orientado a objetos; Javascript algunas diferencias en JavaScript que necesitamos cambiar mi forma de pensar!

• Clase: plantilla de objeto prototipo
• Objeto: Ejemplos específicos
  
  

(2) clase hereda
de la clase de palabras clave, introducido en ES6

• Definir una clase, la propiedad, el método
  
• La herencia
  naturaleza: Vista prototipo de objeto
  
  
• Prototipo cadena proto __ __ :
  

2. Operación objetos lista de materiales (enfoque)

JavaScript nace con el fin de que pueda funcionar en un navegador

BOM: navegador modelo de objetos para hacer JavaScript navegador capaz de "diálogo"

• IE 6 ~ 11
• Cromo
• Safari
• FireFox

tripartito

• QQ navegador
• 360 navegador

(1) ventana de
la ventana representa la ventana del navegador

(2) del navegador (no se recomienda)
navegante información encapsulados sobre el navegador

mayoría de las veces, no usamos el navegador de objetos, porque la gente se modificarán
(3) de la pantalla
representa el tamaño de la pantalla

( 4) Una ubicación
representa la dirección URL de la página actual información
window.location.href página actual vuelve a href (URL)
de nombres de dominio window.location.hostname regreso de alojamiento web
de retorno window.location.pathname ruta de la página actual o el nombre del archivo
window.location.protocol declaraciones de protocolo de Internet (http: :) o HTTPS
window.location.assign cargar un nuevo documento

(5) Documento (contenido; el DOM)
el documento representa la página actual , la estructura del documento HTML DOM

• Para nodo específico árbol de documentos
  
  
  - Obtener la cookie
  document.cookie
  Cookie es sus datos almacenados en un archivo de texto pequeño en su ordenador .
  Cuando el servidor Web envía la página al navegador, la conexión está cerrada, el servidor va a olvidar todos los usuarios. Cookie es la de resolver la invención "cómo recordar la información del usuario" de: ① Cuando un usuario accede a la página, su nombre puede ser almacenado en una cookie. ② La próxima vez que el usuario visita la página, cookie "recuerda" su nombre.
  (6) la historia (no se recomienda)
  Historia en nombre de la historia del navegador
  history.back () // Volver
  history.forward () // Adelante

3. Operación objeto DOM (enfoque)

• HTML DOM (Document Object Model)
  cuando se carga la página, el navegador va a crear una página de un modelo de objeto de documento (el modelo de objetos de documento)
  HTML DOM modelo está estructurado árbol de objetos :
  objetos de árbol DOM HTML
  
  ① actualización: Actualización Dom nodo
  ② recorrido nodo DOM: obtener Dom nodo
  ③ borrar: borrar un nodo DOM
  ④ añadir: añadir un nuevo nodo
  para operar un nodo DOM, debe obtener primero el nodo Dom
  (1) para obtener nodo DOM
  
  
  que es código nativo, y luego tratamos de tener está utilizando jQuery ()

(2) actualizar el nodo

• La manipulación de texto
  id1.innerText = '456' = valor de texto modificado id1.innerHTML ' 123 ' puede analizar la etiqueta de texto HTML
• Operación CSS
  id1.style.color = 'Amarillo'; cadena // atributo envuelto
  id1.style.fontSize = '20px'; // - a su vez un problema camelCasing
  id1.style.padding '2em' =
  suprimir el nodo (3).
  para eliminar un nodo: para obtener el nodo padre, y luego darse de baja por el padre
  
  
  Nota: al borrar múltiples nodos, los niños están en constante cambio, la supresión de nodos debe prestar atención
  (4) insertado en el nodo
  de conseguir un cierto Dom nodo, suponiendo que el nodo DOM está vacío, que puede aumentar el innerHTML de un elemento, pero este elemento del nodo DOM ya existe, no puede ser tan seco, tendrá que cubrir, a continuación, utilizar el adicional manera
  
  

(5) crear una nueva etiqueta, inserte lograr

Antes de realizar el JavaScript

después de la ejecución de código JavaScript

• insertBefore
  para incluir el nodo .insertBefore (newNode, TARGETNODE)
  
  

4. Formas de operación (verificación)

JavaScript para utilizar antes de los datos se envían al servidor de datos en el formulario HTML de entrada se verifica, el propósito de la forma: la información de envío de
datos de formularios a menudo requiere el uso de JavaScript para verificar su corrección :

• Compruebe que los datos del formulario está vacía
• Compruebe si la entrada es una dirección de correo electrónico válida
• Compruebe que la fecha se ha introducido correctamente
• contenido formulario de entrada Validar es un tipo de número

controles específicos incluyen:

• texto cuadro de texto
• Cuadro desplegable <select>
• Radio botón de opción
• casilla de verificación casilla de verificación
• Campo oculto escondido
• Contraseña cuadro de contraseña
  .......
  (1) el acceso a la información que debe presentarse
  
  
  (2) enviar contraseñas cifradas forma MD5, la optimización de la forma
  
  

5. jQuery

librería jQuery, hay una gran cantidad de la función Javascript interior
(1) obtener jQuery
fórmula: $ (selector) evento (función de evento)


(2) Selector

(3) evento de
la página llama el evento de una respuesta a los diferentes visitantes

• eventos DOM común:
  
  por ejemplo
  
  
  (4) DOM operativo
• la manipulación de texto nodo
  
• operaciones css
  
• Ocultar y mostrar elementos: la naturaleza del display: none;
  
• prueba de entretenimiento