JS中的Bom和Dom

111 阅读1分钟
  • BOM:Browser Object Model(浏览器对象模型)提供了独立于内容与浏览器窗口进行交互的对象。确认框 window.confirm() 用于验证是否接受用户操作。

60.png

  • 后退

image.png

  • 前进

image.png

  • 刷新

image.png

  • 定时器

image.png

  • 缓存
  • sessionStorage 存储之后 页面刷新 缓存的值不会消失,但是把tab页或者叫会话关闭之后,缓存的值就不存在了。 function fn1(){ | | | --------------- | -------------------------------------------------- | | | /* setItem设置 存储 / | | | / sessionStorage.setItem('name','zhangsan') / | | | sessionStorage.name = 'zhangsan'; | | | } | | | function fn2(){ | | | / getItem获取 */ | | | let v = sessionStorage.getItem('name'); | | | document.write(v); | | | document.write(sessionStorage.name); | }
  • localStorage会一致存储在本地,会话或者tab页关闭也不会消失,localStorage是和地址有关系的,地址改变了,localStorage里面的值就不存在了,前面地址没有发生改变的话,localStorage依然存在 ,虽然页面改变了 function fn1(){ | | | --------------- | -------------------------------------------------- | | | /* localStorage.setItem('car','bmw') / | | | localStorage.car = 'bc' | | | } | | | function fn2(){ | | | / document.write(localStorage.getItem('car')); */ | | | document.write(localStorage.car); | | }
  • 清除

image.png

  • 跳转页面

image.png