顶级对象window

144 阅读1分钟

页面(窗口)加载事件

 当文档内容完全加载完成触发
 window.onnload
       
  仅当DOM加载完成触发
  document.addEventListener('DOMContentLoaded',      
  function() {})
  
  
  

定时器(两种)

 setTimeout()  炸弹定时器
 setInterval() 闹钟定时器
 

this指向问题

 1.  全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window)
 2.  方法调用中谁调用this指向谁
 3.  构造函数中this指向构造函数的实例

js执行机制

js是单线程
同步任务:前一个任务结束后再执行后一个任务
异步任务: 回调函数
  1,普通事件,click
  2.资源加载,如load,error
  3.定时器,

本地存储

window.sessionStorage

1、生命周期为关闭浏览器窗口

2、在同一个窗口(页面)下数据可以共享

3、以键值对的形式存储使用

  存储数据:sessionStorage.setItem(key, value)
  获取数据:sessionStorage.getItem(key)
  删除数据:sessionStorage.removeItem(key)

window.localStorage

1、声明周期永久生效,除非手动删除 否则关闭页面也会存在

2、可以多窗口(页面)共享(同一浏览器可以共享)

3,以键值对的形式存储使用

  存储数据:localStorage.setItem(key, value)
  获取数据:localStorage.getItem(key)
  删除数据:localStorage.removeItem(key)