JS-BOM objetos (a) _window, ubicación

BOM / Object Model Browser

Dio js proporciona una implementación puede operar el navegador

BOM qué se puede hacer?

1. Puede manipular objetos de ventana

2. Proporcionar objetos de navegación

3. Proporcionar objetos de posicionamiento

4. Proporciona objetos históricos

5. Proporciona objeto de pantalla

ventana: es el objeto superior:

1. documento objeto de documento: la página correspondiente

2. posicionamiento loction objetos: corresponde a la barra de direcciones

3. histroy objetos históricos: botones que corresponden a la actualización de avance y retroceso

4. Navegador de navegación objetos: la información correspondiente para el navegador del cliente (por ejemplo: el tipo de versión del navegador del navegador, etc.)

5. objetos de imagen de la pantalla: la pantalla correspondiente

6. marco de objeto de marco (con mucho ***)

El método del objeto ventana

// ventana puede omitirse cuando el método se invoca ventana de objeto 

// ------ ----- cuadro de alerta 
    window.alert ( "texto de advertencia" ); 

// ----- cuadro de confirmación (cuando clic en OK para volver volver verdadera cancelar falsa) ---- 
    el dejar que el Resultado = window.confirm ( "¿seguro que desea eliminarla?" ); 

// ---- ----- cuadro de entrada (muy poco frecuente, básico sin) 
    el dejar que el Resultado = prompt ( "por favor salida de un entero" );  
     // todos los datos de llegar desde el cliente es una cadena, que participan en la flor de la informática, las necesidades de conversión de tipo de datos 
   
// --- --- Abrir métodos: método para abrir una nueva ventana o una ventana con nombre para buscar 
    / * abierto tiene cuatro parámetros son opcionales:      
        1 URL: enlace dirección de la página web de 
        2 nombre: el nombre del formulario se utiliza principalmente para ultra enlaces atributo de destino. 
        Característica 3 Ventana: se utiliza para establecer el tamaño de la forma, posición, el contenido de la pantalla, etc. 
        4 cambiar la historia de entrada de exploración actual (necesidad básica) 
    * /        
    //Cuando se abre un formulario cuando se volverá a una nueva forma de objetos                
    permiten new_window = window.open ( "dirección web", "nombre del formulario", "forma característica" ); 

// --close () - cierre el formulario: Asegúrese de que está cerca, que es una forma 
     
// función de intervalo 
    window.setInterval ()    
    window.setTimeout ()   
//   cuando el tiempo de puesta en marcha de la función de intervalo esta función devuelve un identificador de tiempo a nosotros. Podemos funcionar para cancelar el intervalo de tiempo    

//   -------- intervalo abierto -------------- 
//     la función setInterval ()   
//     el período especificado (en milisegundos ) para llamar a una función o evaluar la expresión. Cuántos milisegundos cada vez, (que se repetirá la ejecución) 
//     el setTimeout ()    
// llamar a la función después de un número especificado de milisegundos o expresión de cálculo. El tiempo de ejecución (Vale la pena ejecuta una vez) el número de milisegundos 
// -------- intervalo de limpieza --------------- 
    clearInterval (hora id)   
    clearTimeout (hora id)

Propiedad del objeto de la ventana

 // obtener la forma interna y externa de la altura y anchura 

    window.innerWidth 
    window.innerHeight   
    // anchura y la altura de las formas de la zona visible 

    window.outerWidth 
    window.outerHeight 
    // forma y la anchura y altura 

    document.documentElement.clientWidth    
    Documento .documentElement.clientHeight 
    // anchura y la altura de la zona visible de la forma, no una ventana, pero un simple 

// abrelatas devuelve una referencia para crear la ventana de la ventana.

 

Ubicación

Localización de objetos: el objeto está operando principalmente barra de direcciones del navegador

Localización objeto contiene información acerca de la URL actual.

Localización de objetos es una parte del objeto de la ventana, se puede acceder a la propiedad window.location.

Una parte integral de la dirección URL completa:

1. Protocolo: http: //

   http: protocolo de transferencia de hipertexto (http protocolo es en realidad un paquete de TCP / IP de protocolos)

   https: Protocolo de transferencia de hipertexto (mecanismo de seguridad)

   TCP / IP: Protocolo de Internet

   ftp: File Transfer Protocol

   SMTP: Simple Mail Transfer Protocol

2. Dirección de host: localhost: 8080 (127.0.0.1:8080) dirección IP + número de puerto

   Una pluralidad de servidores puede ser instalado en un equipo

3. El nombre del proyecto en el host

4. Debajo del nombre de los recursos del proyecto

5. El papel cadena de consulta: parámetros de paso entre bastidores a la red utilizada. ? Una pluralidad de parámetros utilizando un ampersand.

uri URL dada

URL: Uniform Resource Locator papel: para obtener y acceder a recursos en Internet

uri: Uniforme de Recursos URI Identificador puede pensar que es una parte integral de la url: eliminar la parte del protocolo y la dirección de host está detrás de uri

Lugar de empleo

// cómo obtener la localización de objetos 
    var   locationObj = la window.location; 

// ubicación de destino manipulación atributo 
    // obtener anfitrión dirección 
     var   host_val =   locationObj.host; 

    // obtener el nombre de host 
    var nombre de host = locationObj.hostname; 

    // obtener el número de puerto 
    var = port_val locationObj.port; 

    // obtener la dirección URL completa en la barra de dirección (a menudo se usa con convencional ****) 
    var url_val = locationObj.href; 

    // obtener la parte de trayectoria (URI) 
    var path_val = locationObj.pathname; 
    
    / / recepción del protocolo 
    var   protocol_val = locationObj.protocol; 

    //Obtener la cadena de consulta 
    var STR = locationObj.search;

métodos de localización

// ASIGNAR () para cargar el nuevo documento. La historia tendrá que saltar página. 
    window.location.assign ( "https://www.baidu.com" ); 

// recarga (valor booleano) de actualización Si es verdadero significa que que ha sido recuperados del servidor. 
    window.location.reload (); 

// el replace () se puede utilizar un documento nuevo para reemplazar el documento actual. No, no la historia tendrá que saltar página. 
    window.location.replace ( "https://www.baidu.com" ); 

// omitir nuestro método habitual de establecer el atributo href. 
    = Window.location.href "https://www.baidu.com" ;
     // window.location.href = "#"; no saltar