JavaScript学习之BOM（BOM，Windows事件，JavaScript执行机制）

window.οnresize=function(){

alert(‘窗口大小改变了’)

}

方式二：事件监听

window.addEventListener(‘resize’,function(){

alert(‘窗口大小改变了’)

})

定时器

======================================================================

（1）setTimeout(function(){},时间)：在给定的时间(以毫秒为单位)之后，执行函数。返回值是一个定时器对象。

变量名 = setTimeout(function(){},时间)

（2）clearTimeout(定时器对象)：清除setTimeout定时器对象。

练习

---

1.两秒后弹出消息框

法一：

setTimeout(‘alert(“javaScript”);’,2000) //2秒之后弹出消息框

法二：

setTimeout(function(){

alert(‘JavaScript’)

},2000)

法三：

function fn(){

console.log(“2秒后显示”)

}

var timer=setTimeout(fn,2000)

clearTimeout(timer) //清除定时器对象

2、3秒钟后让图片消失

function fn(){

var img=document.querySelector(‘img’) //获取图片

img.style.display=‘none’ //图片消失

}

var timer=setTimeout(fn,3000)

JavaScript执行机制

=================================================================================

（1）单线程：JavaScript程序是单线程的，即同一个时间只能做一件事

进程与线程 ：

• 进程：程序的一次动态运行，有独立的内存空间

• 线程：是进程的运行单位，一个进程可以分为若干个线程

（2）同步：就是前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的

（3）异步：在做一件事情的同时，可以去做其他的事情

location对象

=============================================================================

location对象：地址对象

(1)URL(Uniform Resource Locator)：统一资源定位符

URL组成：

（2）location常用属性：

• location.href : 完整url地址

• location.hostname：主机名

• location.port：端口号

• location.protocol：协议

• ocation.search：’?'之后的参数字符串

例如：

页面跳转

navigator对象

==============================================================================

navigator对象：导航对象

常用属性：

• appCodeName：返回浏览器的内部名称(即浏览器的内核)

• appName：返回浏览器完整名称

• appVersion：浏览器平台和版本信息

• cookieEnabled：浏览器是否启用cookie

• platform：操作系统平台

例如：

console.log(“内核：”+navigator.appCodeName)

console.log(“名称：”+navigator.appName)

console.log(“版本：”+navigator.appVersion)

console.log(“cookie：”+navigator.cookieEnabled)

console.log(“操作系统：”+navigator.platform)

console.log(“历史记录：”+history.length)

history对象

============================================================================

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最后写上我自己一直喜欢的一句名言：世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它