Guía HTML5-2. Consejos del tutorial sobre cómo operar documentmetadata_html5.
El contenido de hoy trata sobre cómo operar objetos de documentos. 1. Manipular los metadatos del documento Primero, echemos un vistazo a los atributos relacionados: conjunto de caracteres: obtiene el método de codificación del documento actual, este atributo es de solo lectura: obtiene o establece el método de codificación del documento actual; el modo de compatibilidad de la cookie del documento actual: obtiene o configura el objeto de cookie del documento actual; defaultCharset: obtiene la codificación predeterminada del navegador; defaultView: obtiene el objeto de ventana del documento actual; documento actual: obtiene o establece la alineación del texto del valor domian del documento actual; implementación: proporciona información sobre las características dom admitidas. lastModified: obtiene la hora de la última modificación del documento (si no hay una hora de última modificación, devuelve la hora actual); hora); ubicación: proporciona la información de la URL del documento actual; estado listo: devuelve el estado de la información de la URL del documento actual: obtiene o; establece el título del documento actual. Mire el siguiente ejemplo:
El código es el siguiente: ejemplo'); Los resultados mostrados por diferentes navegadores pueden ser diferentes:
2. el atributo compatMode del modo de compatibilidad le indica cómo maneja el navegador el documento actual. Hay tanto HTML no estándar que los navegadores intentarán mostrar estas páginas aunque no se ajusten a la especificación HTML. Parte del contenido se basa en características únicas que existían durante las primeras guerras de navegadores, y estas propiedades no cumplen con las especificaciones. compatMode devolverá uno o dos valores, de la siguiente manera: CSS1Compat: el documento se ajusta a una especificación HTML válida (no necesariamente HTML5, la página HTML4 verificada también devuelve este valor). BackCompat: el documento contiene características que no cumplen con la especificación; activando el modo de compatibilidad. 3. Utilice el objeto Ubicación document.location devuelve un objeto Ubicación, que le proporciona información detallada de la dirección del documento y le permite navegar a otros documentos. protocolo: obtiene o establece el protocolo de la URL del documento; host: obtiene o establece la información del host de la URL del documento; href: obtiene o establece la información de la dirección del documento; la parte de consulta de la información de la URL del documento; obtener o establecer la información de la parte hash de la URL del documento; asignar(): navegar a una URL especificada; reemplazar(): eliminar el documento actual y navegar a la URL especificada; (): recarga el documento actual; resolveURL (): convierte la ruta relativa en ruta absoluta. Mire el siguiente ejemplo:
El código es el siguiente: '); Resultado:
4. Leer y escribir cookies A través del atributo cookie, puede agregar, modificar y leer la cookie del documento operar.
Como ejemplo:
El código es el siguiente: Ejemplo
Agregar CookieUpdate CookieClear Cookievar cookieCount = 0; document.getElementById('update').onclick = updateCookie; 'escribir') .onclick = createCookie; document.getElementById('clear').onclick = clearCookie; readCookies(); función readCookies() { document.getElementById('cookiedata').innerHTML = !document.cookie '': documento.cookie; } función actualizarCookie() { documento.cookie = 'cookie_' cookieCount '=actualizar_' cookieCount; readCookies(); función crearCookie() { cookieCount = 'cookie_' cookieCount '=valor_' cookieCount; leerCookies(); } función clearCookie() { var exp = nueva Fecha(); exp.setTime(exp.getTime() - 1); var arrStr = document.cookie.split("; "); 0; i
5. Comprender ReadyState document.readyState le ayuda a comprender el estado actual de la página durante la carga y el análisis. Una cosa para recordar es que el navegador lo ejecutará inmediatamente cuando encuentre un elemento de secuencia de comandos. , a menos que utilice el atributo defer para retrasar la ejecución del script. readyState tiene tres valores que representan diferentes estados: cargando: el navegador está cargando y ejecutando el documento interactivo: el documento ha completado el análisis, pero el navegador está cargando otro; recursos externos (medios, imágenes, etc.) completo: el análisis de la página se completa y los recursos externos se completan en casa. Durante todo el proceso de carga y análisis del navegador, el valor de readyState cambiará uno por uno desde carga, interactivo y completo. Cuando se usa junto con el evento readystatechange (que se activa cuando cambia el estado de readyState), readyState será muy valioso.
El código es el siguiente: El código de ejemplo anterior utiliza el evento readystatechange para lograr el efecto de ejecución retrasada. Solo después de que se analice y contacte toda la página, el valor de readystate se volverá interactivo. el botón pressme está vinculado Definir evento de clic. Esta operación puede garantizar que los elementos html necesarios estén presentes y evitar que se produzcan errores. 6. Obtenga información sobre la implementación del atributo dom. El atributo document.implementation le ayuda a comprender la implementación del atributo dom por parte del navegador.
Esta propiedad devuelve un objeto DOMImplementation, que contiene el método hasFeature. Puede utilizar este método para comprender la implementación del navegador de una determinada propiedad.
El código es el siguiente: Ejemplo") Efecto: