本地储存特性 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方法 数据储存在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStroage 和 localStora
scroll 家族 使用场景: 我们想要页面滚动一段距离,比如 100px,就让某些元素显示或隐藏 怎么知道页面滚动了 100px,就可以使用 scroll 来检测页面滚动的距离 获取宽高: 获取元素的
滚动事件 scroll 当页面进行滚动时触发事件 很多网页需要检测用户把页面滚动到某个区域后做一些处理,比如固定导航栏,比如返回顶部 // 监听整个页面的滚动 window.addEventListener('scroll', function () { // 执行的
window 对象给我们提供了一个 history 对象,与浏览器历史记录进行交互 该对象包含用户(在浏览器窗口中)访问过的URL history 对象方法 作用 back() 可以后退功能 forward() 前进功能 go(参数) 前进后退功能 参数如果是 1 前进一个页面 如果是 -1 后退
什么是 location window 对象给我们提供了一个 location 属性用于获取设置窗体的 URL,并且可以用于解析 URL 因为这个属性返回的是一个对象,所以我们将这个属性也称为 location 对象 location 对象属性 返回值 loaction.href</
JS是单线程 JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事 这是因为 Javascript 这门脚本语言诞生的使命所致————JavaScript 是为处理页面中用户的交互,以及操作 DOM 而诞生 的 比如我们对某个 DOM 元愫进行添加和删除操作,不能同时进行
全局作用域或者普通函数中 this 指向全局对象 window( 注意定时器里面的 this 指向 window) console.log(this) // this指向window function fn() { console.log(this) }
setTimeout() 定时器 window.setTimeout(回调函数, [延迟的毫秒数]) setTimeout() 方法用于设置一个定时器,该定时器在定时器到期后执行调用函数 停止 setTim