BOM解读

BOM解读

 

BOM概念 - browser object model：浏览器对象模型

bom相当于提供了一套操作浏览器的方法。（windw是顶级对象）

 

BOM的操作方法：(这里只列举比较常用)

navigator: (包含有浏览器的信息) //以前用来兼容，目前没多大用处，了解即可

1. appName //浏览器名称

2. appCodeName //浏览器的代码名（内核）

3. appVersion //浏览器的平台与版本

4. userAgent //浏览器的整体信息

location:(包含有关当前url的信息)

1. href //获取、设置浏览器的url

2. search //获取从问号 (?) 开始的url（查询部分）。

3. hash //获取、设置url中的锚点名称

4. reload() //刷新页面

5. assign(url) //让url重新定向-跳转

6. replace(url) //使用新的url代替原来的url-跳转

history:(包含用户访问过的url)

1. back() //列表前一个url(后退)

2. forward() //列表后一个url(前进)

3. go(数字) //列表中某个具体的页面

screem:(包含客户端显示屏的信息)

1. width //屏幕宽度

2. height //屏幕高度

3. availWidth //屏幕可用宽度

4. availHeight //屏幕可用高度

document:(既window.docment，window可以不写)

https://www.w3school.com.cn/jsref/dom_obj_window.asp

//这个内容比较多，涵盖方面比较广（不是我懒，真不是）

弹出层：

1. alert() //仅弹出消息

2. confirm() //弹出消息需要确认

3. prompt() //弹出输入框进行确认

浏览器的大小：

1. window.innerWidth //浏览器宽度

2. window.innerHeight //浏览器高度

定时器：（异步操作）//别问我异步操作是什么，问了就是不懂、不会、不知道！

1、间隔执行：setInterval(函数，间隔的毫秒数) //其实就是一直循环执行

清除：clearInterval(定时器的返回值)

2、延迟执行：setTimeout(函数，延迟的毫秒数) //其实就是只会延迟执行一次

清除：clearTimeout(定时器的返回值)

//两个定时器可以混用，clearTimeout 也可以清除间隔，clearInterval 也可以清除延时。

事件：

1. load //当文档中所有的内容加载完后再加载这个事件中的内容

2. unload //当浏览器关闭之前会触发的事件

3. resize //当浏览器大小发生改变的时候会触发

4. scroll //当滚动条发生滚动的时候会触发的事件

---

栈内存在执行同步代码的时候，浏览器线程中 代码的时间也在走

浏览器线程中代码只要等到自己能执行的时候，就会去队列中等待

异步代码都是在同步代码执行结束之后才从队列中拿出来执行的

同步：等待/排队/然后再执行 - 按顺序执行

异步：可以同时进行

js中所有异步代码都是在同步代码执行结束之后才执行的

事件循环： - 浏览器中的异步代码等到自己能执行的条件ok了，就会进入队列中排队等待执行，栈内存把同步代码执行完了，从队列中取一个，执行一个，再取一个，再执行一个 - 这样形成一个小循环 - 事件循环（EventLoop）

//我大佬教的，看不看的懂随缘吧。反正我-不懂、不会、不知道。

---

学习完代码，在最后来一个小故事吧，都是以看来的，以后可能会自己写写。

加菲猫里有一段话，讲有一天，加菲猫走丢了，被卖给了一家宠物店。它怕乔恩找不到它而着急，它非常痛苦。终于有一天，乔恩走进了宠物店，看到了加菲猫，欣喜若狂，将它买回家中，结局圆满。 故事的最后那只肥猫背对着日落说了这样一句"我永远也不会问乔恩，那天他为什么会走进宠物店"