BOM(浏览器对象模型)

BOM
1.

navigator:能够清楚的知道浏览器的相关信息
location:浏览器自动跳转页面
history:可以让浏览器前进与后退以及刷新
screen:得到屏幕的信息

2.window是浏览器内置中的全局对象
3.document是实现DOM的基础，它其实是依附于window的属性
4.依附于window对象的所有属性和方法，使用时可以省略window

定时器-延时函数

定时器-延时函数
1.JavaScript内置的一个用来让代码延迟执行的函数，叫setTimeout
2.语法：

setTimeout(回调函数，等待的毫秒数)

3.setTimeout仅仅只执行一次，所以可以理解为就是把一段代码延迟执行，平时省略window

let timer=setTimeout(回调函数，等待的毫秒数)
clearTimeout(timer)

拓展_递归

function fn(){fn()
}
fn()

JS执行机制

js是单线程
JavaScript语言的一个特点就是单线程，同一时间只做一件事
同步与异步
作用:解决js是单线程的缺点

同步
前一任务完成再完成后一任务，程序的执行顺序与任务的排列顺序一致，同步的
同步任务
同步任务是在主线程上执行的，形成一个执行栈

异步
前一件事花费很长时间，后一个无需等待立即执行。
异步任务
Js的异步是通过回调函数实现的

同步与异步的总结

事件循环
主线程不断的获取任务，执行任务，再次获取任务，再次执行任务，这种机制被称为“事件循环”

location对象

location的数据类型是对象，它拆分并保存了URL地址的各个组成部分

常用属性和方法
1.href属性获取完整的URL地址，对其赋值时用于地址的跳转(可读写)

console.log(location.href)
location.href=''

2.search属性获取地址中携带的参数，符号？后面部分

console.log(location.search)

3.hash属性获取地址中的哈希值，符号#后面部分

console.log(location.hash)

vue路由，可以在相同页面，显示不同的内容

4.reload方法用来刷新当前页面，传入参数true时强制刷新

<button>点击刷新</button>
<script>let btn=document.querySelector('button')btn.addEventListener('click',function (){//强制刷新location.reload(true)})
</script>

navigator对象

navigator的数据类型是对象，记录浏览器自身相关的信息

histroy对象

history的数据类型是对象，该对象与浏览器地址的操作相对应，如前进，后退，历史记录

Window对象的说明》相关推荐

JS字符串 window.open() window.opener window.name window对象总结
晚上总结了一下,发上来分享: 字符串 window.open() window.opener window.name window对象等的一点总结 http://download1.csdn. ...
21 window对象常见事件
技术交流QQ群:1027579432,欢迎你的加入! 1.window对象的常见事件窗口加载事件: window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像.J ...
Window对象中的函数confirm方法的简单介绍
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title ...
浏览器对象模型：window对象2
---恢复内容开始--- window对象代表当前浏览器中的窗口或标签,位于浏览器对象模型中的最顶端,其中包含了描述浏览器的对象. 属性 ...
js bom window对象
一.全局作用域我们全局作用域定义了一个变量name,window对象下也能访问,证明在全局作用域下定义的变量,会自动纳入window对象. var name = "Bob";co ...
Window对象的判定方法
/* window对象的判定,由于ECMA是不规范Host对象,window对象属于Host,所以也没有约定,所以就算是Object.prototype也对它无可奈何, 而且如果根据window.wi ...
TWebBrowser 与 MSHTML(2): 获取 window 对象的时机
这是在页面下载完毕后即刻获取: unit Unit1;interfaceusesWindows, Messages, SysUtils, Variants, Classes, Graphics, Co ...
（转）JS window对象的top、parent、opener含义
1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该 ...
JavaScript函数与Window对象
JavaScript函数与Window对象一.函数的使用函数的含义:类似于Java中的方法,是完成特定任务的代码语句块 ◆常用系统函数: parseInt ("字符串") ...
JS window对象常用方法
窗口对象的属性和方法: 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 pa ...

Window对象的说明》

Window对象