APIwindow对象

本文详细解读了JavaScript中的window对象(包括BOM)、定时器(如setTimeout和clearTimeout)、执行机制(单线程与异步任务),以及location、navigator和history对象的使用。通过实例阐述了JavaScript编程中的关键概念。
摘要由CSDN通过智能技术生成


window对象

window对象是一个全局对象,也可以说是JavaScript中的顶级对象

BOM(浏览器对象模型)

在这里插入图片描述

所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法

定时器-延时函数

属性名:setTimeout
语法:setTimeout(回调函数,等待的毫秒数)
清楚延时函数:

let timer = setTimeont(回调函数,等待的毫秒数)
clearTimeout(timer)

JavaScript执行机制

JavaScript语言的一大特点就是单线程,即同一时间只能做一件事

  • 同步:前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的
  • 同步任务:在主线程上执行,形成一个执行线
  • 异步:做某件事时,还去处理其他事情
  • 异步任务:通过回调函数实现
    1.普通事件,如click、resize
    2.资源加载,如load、error
    3.定时器,包括setInterval、setTimeout
    异步任务相关添加到任务队列中

执行顺序:
1.先执行执行栈中的同步任务
2.异步任务放入任务队列中
3.一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中异步任务
在这里插入图片描述
由于主线程不断的重复获得任务、执行任务、再获取任务、再执行、所以这种机制被称为事件循环(event loop)

location对象

location的数据类型是对象,它拆分并保存了URL地址的各个组成部分
常用属性和方法:

  • 属性名:href
    获取完整的URL地址,对其赋值时用于地址的跳转
  • 属性名:search
    获取地址中携带的参数,符号?后面部分
  • 属性名:hash
    获取地址中的哈希值,符号#后面部分
  • 方法名:reload
    用来刷新当前页面,传入参数true时表示强制刷新

navigator对象

navigator的数据类型是对象,该对象下记录了浏览器自身的相关信息
常用属性和方法:

  • 属性名:userAgent
    检测浏览器的版本及平台

history对象

history的数据类型是对象,主要管理历史记录,该对象与浏览器地址栏的操作相对应,如前进、后退、历史记录等
常用属性和方法:

  • 方法名:back
    后退功能
  • 方法名:forward
    前进功能
  • 方法名:go(参数)
    前进后退功能,参数为正数就前进,为负数就后退
  • 23
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值