BOM
BOM是浏览器对象模型,是JavaScript的顶级对象。
延时函数:
JavaScript内置的一个用来让代码延迟执行的函数,叫setTimeout.只执行一次。
setTimeout(回调函数,等待的毫秒数)
todo:JS执行机制。
location对象:
在JavaScript
中,location
对象提供了与当前页面的URL
有关的信息,以及允许您修改这个URL
的方法。以下是一些常用的 location
对象的方法。
-
location.href
:获取或设置整个URL
。 示例:location.href = 'http://www.example.com';
-
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
事件。