Ayúdenme a responder algunos puntos de conocimiento sobre la interfaz.
Document.documentElement devuelve el nodo raíz del documento
document.body & ltbody & gt
Document.activeElement devuelve el nodo de marca activo en el documento actual (es decir) .
Event.fromElement devuelve el nodo fuente del movimiento del mouse (es decir).
Event.toElement devuelve el nodo fuente (es decir) del movimiento del mouse.
Event.srcElement devuelve el nodo fuente (es decir) del evento activado.
Event.target devuelve el nodo fuente del evento activado (firefox).
El objeto actual es un nodo.
Devuelve el nodo padre: node. Nodo padre, nodo. Parendelement,
Devuelve todos los nodos secundarios: node.childNodes (incluidos los nodos de texto y los nodos de etiquetas), node.children
Devuelve el primer nodo secundario: node.firstChild
Devuelve el último nodo hijo: node.lastChild
Devuelve el mismo nodo hijo: node.nextSibling
Devuelve el siguiente nodo hijo del mismo tipo: node.previousSibling
ParentNode tiene la misma función que parentElement y childNodes tiene la misma función que los hijos. Sin embargo, parentNode y
ChildNodes cumplen con los estándares W3C y se puede decir que son más versátiles. Los otros dos sólo son compatibles con IE, no con estándares, y Firefox tampoco los admite.
Así que recuerda tener parentElement e hijos.
2.Operaciones DOM: cómo agregar, eliminar, mover, copiar, crear y buscar nodos.
(1) Crear un nuevo nodo
CreateDocumentFragment() //Crea un fragmento DOM.
CreateElement() //Crea un elemento específico.
CreateTextNode() //Crear nodo de texto.
(2)Agregar, eliminar, reemplazar e insertar
appendChild()
removeChild()
replaceChild()
insertBefore()
(3) Buscar
GetElementsByTagName() //Por nombre de etiqueta
GetElementsByName() //Por el atributo Nombre de el valor del elemento.
GetElementById() //Por ID de elemento, unicidad
3. Eventos: cómo utilizar los eventos, cuáles son las principales diferencias entre los modelos de eventos IE y DOM.
(1) Evento de burbuja: los eventos se activan en orden desde el objetivo del evento más específico hasta el objetivo del evento menos específico (objeto de documento).
IE 5.5:div->body->archivo
IE 6.0:div->body->html->archivo
Mozilla 1.0: div->body->html->document->window
(2) Captura de eventos: los eventos se activan comenzando desde el objeto menos preciso (objeto de documento) y luego hasta el más preciso (los eventos también pueden ser capturado a nivel de ventana, pero debe ser especificado por el desarrollador).
(3) Flujo de eventos DOM: admite dos modelos de eventos al mismo tiempo: evento de captura y evento de burbuja, pero el evento de captura ocurre primero.
Ambos flujos de eventos involucran a todos los objetos en el DOM, comenzando con el objeto del documento y terminando con el objeto del documento.
La propiedad más exclusiva del modelo de eventos DOM es que los nodos de texto también activan eventos (no en IE).
4.XMLHttpRequest: qué es, cómo ejecutar completamente una solicitud GET y cómo detectar errores.
El objeto XMLHttpRequest proporciona una forma de comunicarse con el servidor después de cargar la página web.
& ltscript type = " texto/JavaScript " & gt;
varxmlhttp
functionloadXMLDoc(url){
xmlhttp = null
if (window.XMLHttpRequest){//código para todos los navegadores nuevos
XML http = newXMLHttpRequest();
}elseif(window.ActiveX object) { //Código para IE5 e IE6
xmlhttp = new activexobject("Microsoft.XMLHTTP");
}
if(xmlhttp!=null){
xmlhttp . onreadystatechange = estado _ Cambiar;
xmlhttp.open("GET ", url, verdadero
xmlhttp . p>
}En caso contrario{
alert("Su navegador no admite XMLHTTP.");
}
}
functionstate_Change(){
if(xmlhttp . estado listo == 4){//4 = " cargado "
if(xmlhttp . estado == 200){/ /200 = OK
//...Nuestro código va aquí...
} De lo contrario {
alert("Hubo un problema al recuperar datos XML") ;
}
}
}
& lt/script & gt;
5. y modo promiscuo: cómo activar estos dos modos y cuál es la importancia de distinguirlos.
En el modo estándar, el navegador muestra la página de acuerdo con la especificación;
En el modo promiscuo, la página se muestra de una manera poco compatible con versiones anteriores.
El navegador elige el método de representación a utilizar en función de si el DOCTYPE existe y la DTD utilizada. Si un documento XHTML contiene un DOCTYPE completamente formado, normalmente está en modo estándar.
Actualmente. Para documentos HTML
4.01, el DOCTYPE estricto de la DTD a menudo hace que la página se represente en modo estándar. Un DOCTYPE que contenga una DTD de transición y un URI también hará que la página se represente en modo estándar, pero ha sido atravesada. Una DTD sin un URI hará que la página se represente en modo promiscuo. La forma faltante o incorrecta de DOCTYPE hará que los documentos HTML y XHTML se representen en modo promiscuo.
6. Modelo de caja: la relación entre márgenes, relleno y bordes, cuáles son las diferencias entre los modelos de caja en navegadores inferiores a IE 8.
La estructura jerárquica de un modelo de caja de elementos de adentro hacia afuera es: relleno, borde y margen.
El ancho y alto de un elemento definido en el modelo de caja de los navegadores inferiores a IE8 no incluyen relleno ni bordes.
7. Elementos a nivel de bloque y elementos en línea: cómo controlarlos con CSS, cómo afectan a los elementos circundantes y cómo cree que deberían definirse sus estilos.
Para elementos a nivel de bloque, use display:inline en CSS; el atributo se convierte en un elemento en línea.
Para elementos en línea, use display:block en CSS; el atributo se convierte en un elemento a nivel de bloque.
Influencia: los elementos circundantes se muestran en la misma línea o envueltos, y el estilo se ajusta según la situación específica.
8. Elementos flotantes: cómo utilizarlos, cuáles son los problemas y cómo solucionarlos.
Los elementos que necesitan flotar pueden usar el atributo flotante en CSS para definir la posición flotante del elemento. Use izquierda: para flotar hacia la izquierda y derecha: para flotar hacia la derecha.
Problemas causados por elementos flotantes:
(1) La altura del elemento principal no se puede extender, lo que afectará a los elementos en el mismo nivel que el elemento principal.
(2) Seguirán los elementos no flotantes en el mismo nivel que el elemento flotante.
(3) Si el primer elemento no flota, los elementos anteriores deben flotar; de lo contrario, la visualización estructural de la página se verá afectada.
Solución:
Usar el atributo clear:both; en CSS para borrar el flotador de elementos puede resolver los problemas 2 y 3. Para la pregunta 1, agregue los siguientes estilos y agregue el estilo clearfix al elemento principal:
. clearfix: después de {contenido: " ". ;display:block;height:0;explicit:both;visibility:hidden;}
. clear fix { display: inline-block } /*Aplicable a IE/Mac */
9. ¿Cuál crees que debería usarse y por qué?
Diferencia principal:
Los elementos XHTML deben estar anidados correctamente.
Los elementos XHTML deben estar cerrados y las etiquetas vacías también deben estar cerradas. Por ejemplo,
los nombres de las etiquetas XHTML deben estar en letras minúsculas.
Los documentos XHTML deben tener un elemento raíz.
Los documentos XHTML requieren que a todos los atributos se les asignen valores.
XHTML requiere que todos los atributos estén entre comillas ""
Los documentos XHTML requieren que todos
No utilice "-" en el contenido del comentario del Documento XHTML.
Las imágenes XHTML deben tener texto explicativo.
Reemplace el atributo de nombre con el atributo de identificación en el documento XHTML
10. JSON: qué es, por qué debería usarse, cómo usarlo y hablar sobre la implementación. detalles.
JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos. Facilitar la lectura y la escritura a las personas. Al mismo tiempo, es conveniente para el análisis y la generación de máquinas.
JSON tiene dos estructuras:
Una colección de pares de nombre/valor (una colección de pares de nombre/valor
en diferentes idiomas, se entiende). como objetos, registros, estructuras, diccionarios y tablas hash.
(tabla hash), lista de claves o matriz asociativa.
Una lista ordenada de valores. En la mayoría de idiomas se entiende como una matriz.