BOM - window - location - history - navigation - screen

BOM 主要包括以下的对象模型

window : 包括全局属性,方法,控制浏览器窗口相关的属性,方法

　浏览器环境 : window  (目前ECMAScript 规范了一个统一的 : globalThis  = window)

　node环境 : global  (目前ECMAScript 规范了一个统一的 : globalThis  = global)

　　window大量的属性,方法,对象

 

location : 浏览器链接到的对象的位置[ URL ]

　　location.href : 当前浏览器的整个URL

　　location.protocol : 当前的协议

　　location.host : 主机地址

　　location.hostname : 主机地址 [ 不带端口 ]

　　location.port : 端口

　　location.pathname : 路径

　　location.search : 查询字符串

　　location.hash : 哈希值

　　重要的 : 我们通常通过 location.search 来拿到一串浏览器的字符串

　　　　　　var urlSearchString = "?name=wh&age=18&height=1.88"

　　　　　　var searchParams = new URLSearchParams(urlSearchString)

　　　　　　searchParams.get(name)　// wh

　　　　　　searchParams.get(age)  //18

　　　　　　searchParams.get(height) //1.88

　　　　　　searchParams.append("address" , "广州市")  // 追加一个

　　　　　　searchParams.has(name)  //true  判断是否有某个搜索参数

　　　　　　中文编码 与 解码 

　　　　　　encodeURIComponent  :  编码  encodeURIComponent('广州市')

　　　　　　decodeURIComponent  :  解码

　　　　　　

history : 操作浏览器的历史

navigation : 用户代理(浏览器) 的状态和标识 ( 很少使用 )

screen : 屏幕窗口信息 ( 很少使用 )