【前端基础】浏览器对象

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011240016/article/details/84102656

浏览器对象

有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用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

    扫描二维码关注公众号,回复: 4106616 查看本文章
存储对象属性
  • 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

猜你喜欢

转载自blog.csdn.net/u011240016/article/details/84102656