【前端基础】浏览器对象

浏览器对象

有6个：

Window
Navigator
Screen
History
Location
存储对象

Window对象
表示浏览器中打开的窗口。

Navigator对象
包含有关浏览器的信息。

Screen
包含有关客户端显示屏幕的信息。

History
包含用户在浏览器窗口中访问过的 URL，此外，History对象是 Window对象的一部分，可通过 window.history属性进行访问。

Location
包含有关当前 URL 的信息，Location对象是Window对象的一部分，可通过 window.Location属性进行访问。

存储对象

这个值得关注，因为在网页上传递数据是常用的行为。Web 存储 API 提供了两种存储：

sessionStorage （会话存储）
localStorage（本地存储）

用来对网页的数据进行添加、删除、修改、查询操作。

localStorage用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
sessionStorage用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

存储对象属性

length 返回存储对象中包含多少条数据。

方法

key(n) 返回存储对象中第 n 个键的名称
getItem(keyname) 返回指定键的值
setItem(keyname, value) 添加键和值，如果对应的值存在，则更新该键对应的值。
removeItem(keyname) 移除键
clear() 清除存储对象中所有的键

如何拿到存储对象

window.localStorage 在浏览器中存储 key/value 对。没有过期时间。
window.sessionStorage 在浏览器中存储 key/value 对。在关闭窗口或标签页之后将会删除这些数据。

END.

参考资料：

https://www.runoob.com/jsref/dom-obj-document.html

【前端基础】浏览器对象相关推荐

前端基础-浏览器缓存/HTTP缓存机制(面试常考)
文章目录一.HTTP报文 1.HTTP请求(Request)报文 2.HTTP响应(Response)报文二.缓存过程分析三.缓存规则 1.强制缓存 1.1Expires 1.2 Cache-C ...
前端基础进阶（十）：面向对象实战之封装拖拽对象
https://segmentfault.com/a/1190000012646488 https://yangbo5207.github.io/wutongluo/ 说明:此处只是记录阅读前端基础 ...
2023高薪前端面试题（一、前端基础——HTTP/HTML/浏览器）
说一下http和https? http:超文本传输协议,是一个基于请求与响应.无状态的应用层协议,以明文方式发送信息,最初设计目的是提供一种发布和接收 HTML 页面的方法. https:是http的 ...
boost log 能不能循环覆盖_前端基础进阶（十四）：深入核心，详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...
前端基础知识整理汇总（上）
前端基础知识整理汇总(上) HTML页面的生命周期 HTML页面的生命周期有以下三个重要事件: 1.DOMContentLoaded -- 浏览器已经完全加载了 HTML,DOM 树已经构建完毕,但是 ...
前端基础入门四（JavaScript基础）
为什么80%的码农都做不了架构师?>>> 目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础,后续会讲解JavaScript高级. 自己是个做 ...
iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...
❤️《Vue前端基础框架集合从入门到高级》（小白也可学，建议收藏）❤️
<Vue前端基础框架集合从入门到高级>,小白也可学文章目录 <Vue前端基础框架集合从入门到高级>,小白也可学 ❤️一.前端核心分析 ❤️1.1.概述 ❤️1.2.前端三要素 ...
Web前端基础知识总结
一.HTML和CSS 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是pres ...

【前端基础】浏览器对象

浏览器对象

存储对象属性

方法

如何拿到存储对象

【前端基础】浏览器对象相关推荐

最新文章

热门文章