onload, window.open, política del mismo origen, objeto de historial, objeto de ubicación, objeto de navegador

1.carga

window.onload Todos los eventos de carga de página, incluidos CSS e imágenes de página, activarán este evento.
window.addEventListener ("DOMContentLoaded", function () {}) se activará tan pronto como se cargue la estructura del árbol DOM, que es más rápido.

2.window.open () / window.close ()

 var windowObjectReference =  window.open(strURL,[strWindowName], [strWindowFeatures]);
                                           地址,     页面名 ,        样式（如宽高的设定）

windowObjectReference: el valor de retorno de la llamada al método open, que representa el objeto ventana de la nueva página

Mismo origen: el protocolo / host / número de puerto es exactamente el mismo

Se pueden llamar a otros métodos de ventana bajo la política del mismo origen

La siguiente es la detección del mismo origen relativa a http://www.a.com/test/index.html•
http://www.a.com/dir/page.html ---- Éxito
• http: / / www .child.a.com / test / index.html ---- Falló, nombre de dominio diferente
• https://www.a.com/test/index.html ---- Falló, protocolo diferente
• http: // www .a.com: 8080 / test / index.html ---- Falló, el número de puerto es diferente

URL: localizador uniforme de recursos, que representa la dirección de un determinado recurso en la red.

  protocol:    //host[:port]/path/[?query]#fragment
        协议:  http :80  /https  :443
        host:  ip 地址  ->  域名 -> 子域名(服务器名 www  mail)+主域名
                 本地打开服务 127.0.0.1 本机ip地址   localhost
                 局域网  192.160.0.100
                 无线网  192.168.43.90
         port: 端口号
         path: 文件地址
        query: 参数 以 ? 键值对的形式表示，多个键值对通过 & 符号分隔  ?name=zhangsan&age=12
     fragment: 片段  # 后面的内容，常见于链接，锚点

3.objeto de historia

history registra el historial de saltos de página actual, solo puede registrar el número y la dirección, y no puede recordar el
historial de direcciones.length registra la longitud de la pila de registros generada
history.go (n) n representa el número de saltos hacia adelante o hacia atrás
history.forward () Vaya a la página anterior go (1)
history.back () Vuelva a la página go (-1)

4.objeto de ubicación

location.search () parámetros de consulta

Ir a una determinada
página- ventana.open (url)
-location.href = url
-location.assign (url)
-location = url
-location.replace (url) sin dejar rastro

Ubicación Biografía en chino

// decodeURI  把 encodeURI 编码转回去

var string = decodeURI (ubicación.search);

 ?name=%E6%9D%8E%E7%99%BD&age=12
 >>>
  ?name=李白&age=12

objeto navegador

navigator.userAgent distingue el entorno del navegador (combinado con regular)

    console.log(navigator.userAgent);

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36

var browserName = navigator.userAgent.toLowerCase(); 
//区分手机端还是PC端
isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(browserName));
//判断浏览器
isFirefox = /firefox/i.test(browserName);
isChrome = /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName);

if(isChrome){
    
    
    alert("chrome浏览器");
}
if(isFirefox){
    
    
    alert("火狐浏览器");
}

if(isMobile){
    
    
    alert("移动端");
}

// 监听联网
window.ononline = function (){
    
    
    console.log(navigator.onLine); // true
}
window.onoffline = function (){
    
    
    console.log(navigator.onLine); // false
}