JS学习笔记

BOM

BOM是浏览器对象模型，是JavaScript的顶级对象。

延时函数：

JavaScript内置的一个用来让代码延迟执行的函数，叫setTimeout.只执行一次。

setTimeout(回调函数,等待的毫秒数)

todo:JS执行机制。

location对象：

在JavaScript中，location 对象提供了与当前页面的URL有关的信息，以及允许您修改这个URL的方法。以下是一些常用的 location 对象的方法。

1. location.href：获取或设置整个URL。 示例：location.href = 'http://www.example.com';

2. location.protocol：获取当前URL的协议（如 “http:” 或 “https:”）。 示例：console.log(location.protocol);

这些方法可以用来操作浏览器的位置或URL，例如跳转到新的页面、刷新当前页面或添加查询参数等。需要注意的是，某些方法（如 reload 和 replace）可能会在不同的浏览器中有所不同，并且可能会受到浏览器的缓存策略的影响。

navigatord对象：

在JavaScript中，navigator 对象提供了一个关于浏览器的信息接口。这个对象包含了浏览器的一些标准信息，如浏览器名称、版本、操作系统等。以下是一些常用的 navigator 对象的属性和方法。

本地储存：

localStorage 是 Web 存储 API 的一部分，允许网站在用户的浏览器中存储数据。与 sessionStorage 不同，localStorage 存储的数据会永久保存在浏览器中，直到被清除或者代码明确删除。

以下是 localStorage 的一些基本特点：

持久性：存储在 localStorage 中的数据会持久存在，即使在浏览器关闭并重新打开后也不会丢失，直到达到存储容量上限。

容量限制：每个域名在 localStorage 中有大约 5MB 的存储空间。当达到这个限制时，浏览器会阻止进一步的存储操作。

键值对存储：localStorage 以键值对的形式存储数据，其中键是字符串，值可以是字符串、数字、布尔值或对象（序列化后存储）。

同步访问：所有打开相同域的页面都可以访问相同的 localStorage 数据，这可能会导致潜在的安全问题。

事件监听：当 localStorage 中的数据被修改时，会触发一个 storage 事件，允许开发者监听和响应数据的变化。
使用 localStorage 的基本操作包括：

设置数据：使用 localStorage.setItem(key, value) 方法存储数据。
获取数据：使用 localStorage.getItem(key) 方法获取数据。
删除数据：使用 localStorage.removeItem(key) 方法删除特定键的数据。
清除所有数据：使用 localStorage.clear() 方法清除所有存储的数据。
监听数据变化：使用 window.addEventListener('storage', function(e) {...}) 监听 storage 事件。