JavaScript学习之BOM（BOM，Windows事件，看这一篇就够了

定时器

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

（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：操作系统平台

例如：

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

U-1710878350133)]
[外链图片转存中…(img-taJyvxKx-1710878350134)]
[外链图片转存中…(img-7mf6pYES-1710878350134)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-mhnbs0Ik-1710878350135)]