tema
- Fusion reconoce el tipo de navegador
- Analizar y desensamblar cada parte de la URL.
Puntos de conocimiento
- navegador
- pantalla
- localización
- historia
El estándar W3C no especifica nada relacionado con los conceptos básicos de js (variables, prototipos, alcance, asincronía); define API y variables globales para las páginas de operación de js en el navegador.
1 、 DOM
1.1, esencia DOM
DOM se puede entender como: el navegador puede estructurar un modelo que el navegador puede reconocer y js puede operar con el código HTML que obtiene
###### 1.2, operación del nodo DOM
var div1 = document.getElementById('div1'); // 元素
var div2 = document.getElementsByTagName('div2'); //集合
var div3 = document.getElementsByClassName('div3'); //集合
var div4 = document.querySelectorAll('div4'); //集合
1.3, funcionamiento de la estructura DOM
var div1 = document.getElementById('div1');
// 新增节点
var p1 = document.creatrElement('p');
p1.innerHTML = 'this is p1';
div1.appendChild(p1); // 增加新创建的元素
// 移动已有节点
var p2 = document.getElementById('p2');
div1.appendChild(p2);
// 获取父节点
var parent = div1.parentElement;
// 获取子节点
var childs = div1.childNodes;
// 删除节点
div1.removeChild(childs[0])
1.4, atributos DOM (para mejorar)
¿Cuál es la diferencia entre atributo y propiedad?
El atributo es la modificación de los atributos de la etiqueta html, la
propiedad es la modificación de los atributos del objeto js
2 、 BUENO
2.1 、 navegador
Objeto Navigator El objeto
Navigator contiene información sobre el navegador.
Nota: No existe un estándar público aplicado al objeto del navegador, pero todos los navegadores admiten este objeto.
Colección de objetos del navegador
| colocar | descripción |
|---|---|
| complementos [] | Devuelve referencias a todos los objetos incrustados en el documento. |
| La colección es una matriz de objetos Plugin, cuyos elementos representan los plugins que ha instalado el navegador. El objeto de complemento proporciona información sobre el complemento, incluida una lista de los tipos MIME que admite. | |
| Aunque la matriz de complementos [] está definida por IE 4, siempre está vacía en IE 4, porque IE 4 no admite complementos ni objetos de complemento. |
Propiedades del objeto del navegador
| Atributos | descripción |
|---|---|
| appCodeName | Devuelve el nombre de código del navegador. |
| appCodeName | Devuelve el nombre de código del navegador. |
| appMinorVersion | Regrese a la versión secundaria del navegador. |
| nombre de la aplicación | Devuelve el nombre del navegador. |
| version de aplicacion | Devuelve la plataforma y la información de la versión del navegador. |
| browserLanguage | Devuelve el idioma del navegador actual. |
| cookieEnabled | Devuelve un valor booleano que indica si las cookies están habilitadas en el navegador. |
| cpuClass | Devuelve el nivel de CPU del sistema del navegador. |
| en línea | Devuelve un valor booleano que indica si el sistema está en modo fuera de línea. |
| plataforma | Devuelve la plataforma del sistema operativo en la que se ejecuta el navegador. |
| lenguaje del sistema | Devuelve el idioma predeterminado utilizado por el sistema operativo. |
| agente de usuario | Devuelve el valor del encabezado de agente de usuario enviado por el cliente al servidor. |
| userLanguage | Devuelve la configuración de lenguaje natural del sistema operativo. |
Pantalla de 2,2 、
Métodos de objetos del navegador
| método | descripción |
|---|---|
| javaEnabled () | Especifica si el navegador está habilitado para Java. |
| taintEnabled () | Especifica si el navegador habilita la contaminación de datos. |
Descripción del objeto Navigator El objeto
Navigator contiene atributos que describen el navegador que se está utilizando. Estos atributos se pueden utilizar para la configuración específica de la plataforma.
Aunque el nombre de este objeto es obviamente el navegador Navigator de Netscape, otros navegadores que implementan JavaScript también admiten este objeto.
La instancia del objeto Navigator es única, puede utilizar la propiedad navigator del objeto Window para hacer referencia a ella.
2,3 、 ubicación
Objeto de ubicación Objeto de
ubicación El objeto de
ubicación contiene información sobre la URL actual.
El objeto Location es parte del objeto Window y se puede acceder a él a través de la propiedad window.location.
Propiedades del objeto de ubicación
| Atributos | descripción |
|---|---|
| picadillo | Establezca o devuelva la URL (ancla) a partir del signo de almohadilla (#). |
| anfitrión | Establece o devuelve el nombre de host y el número de puerto de la URL actual. |
| nombre de host | Establece o devuelve el nombre de host de la URL actual. |
| href | Establezca o devuelva la URL completa. |
| nombre de ruta | Establece o devuelve la parte de la ruta de la URL actual. |
| Puerto | Establece o devuelve el número de puerto de la URL actual. |
| protocolo | Establece o devuelve el protocolo de la URL actual. |
| buscar | Establezca o devuelva la URL (parte de la consulta) a partir del signo de interrogación (?). |
Métodos de objetos de ubicación
| Atributos | descripción |
|---|---|
| asignar() | Cargue un nuevo documento. |
| recargar() | 重新加载当前文档。 |
| replace() | 用新的文档替换当前文档。 |
Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL，其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象（或 Area 对象）的 URL 属性非常相似。当一个 Location 对象被转换成字符串，href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。
不过 Anchor 对象表示的是文档中的超链接，Location 对象表示的却是浏览器当前显示的文档的 URL（或位置）。但是 Location 对象所能做的远远不止这些，它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性，浏览器就会把新的 URL 所指的文档装载进来，并显示出来。
除了设置 location 或 location.href 用完整的 URL 替换当前的 URL 之外，还可以修改部分 URL，只需要给 Location 对象的其他属性赋值即可。这样做就会创建新的 URL，其中的一部分与原来的 URL 不同，浏览器会将它装载并显示出来。例如，假设设置了Location对象的 hash 属性，那么浏览器就会转移到当前文档中的一个指定的位置。同样，如果设置了 search 属性，那么浏览器就会重新装载附加了新的查询字符串的 URL。
除了 URL 属性外，Location 对象的 reload() 方法可以重新装载当前文档，replace() 可以装载一个新文档而无须为它创建一个新的历史记录，也就是说，在浏览器的历史列表中，新文档将替换当前文档。
2.4、history
History 对象
History 对象包含用户（在浏览器窗口中）访问过的 URL。
El objeto History es parte del objeto window y se puede acceder a él a través de la propiedad window.history.
Nota: No existe un estándar público aplicado al objeto Historial, pero todos los navegadores admiten este objeto.
Propiedades del objeto histórico
| Atributos | descripción |
|---|---|
| largo | Devuelve el número de URL en la lista del historial del navegador. |
Método de objeto histórico
| método | descripción |
|---|---|
| espalda() | Cargue la URL anterior en la lista del historial. |
| hacia adelante() | Cargue la siguiente URL en la lista del historial. |
| Vamos() | Cargue una página específica en la lista del historial. |
Descripción del objeto histórico
El objeto Historial se diseñó originalmente para representar el historial de navegación de la ventana. Sin embargo, por razones de privacidad, el objeto Historial ya no permite que los scripts accedan a las URL reales que ya se han visitado. Las únicas funciones que permanecen en uso son los métodos back (), forward () y go ().
ejemplo
La siguiente línea de código realiza la misma operación que hacer clic en el botón Atrás:
history.back()
La siguiente línea de código realiza la misma operación que hacer clic dos veces en el botón Atrás:
history.go(-2)