bom,定时器,缓存

94 阅读1分钟

BOM:Browser Object Model(浏览器对象模型),提供了独立于内容与浏览器窗口进行交互的对象。

确认框 window.confirm() 用于验证是否接受用户操作。

地址的参数信息:

console.log(window.location.search);

地址路径:

console.log(window.location.href);

这个是地址的端口:

console.log(window.location.port);

后退

function back() {

window.history.back();

window.history.go(-1);

(两者的作用一致 都是后退)

}

前进

function forward(){

window.history.forward();

window.history.go(1);

(两者的作用一致 都是前进)

}

刷新

function go(){

(go里面是没有任何参数的)

window.history.go();

(两者功能相等 都是刷新)

window.history.go(0);

(这个也表示刷新)

location.reload();

}

过个一段时间去做一件事

定时器会返回一个唯一的id

let id = setInterval(function(){

console.log('我爱js
');

console.log(id);

 },1000)

根据定时器返回的唯一的id 来清除定时器

function clearfn(){

clearInterval(id)

}

setTimeout 和 setInterval的区别是

setTimeout只执行一次

也会产生一个唯一的id标识

let id = setTimeout(function (){

console.log('我说冷笑话');

},1000)

sessionStorage 存储之后 页面刷新 缓存的值不会消失

但是 把tab页 或者叫 会话 关闭之后,缓存的值就不存在了

(setItem设置 存储  ,getItem获取)

localStorage会一致存储在本地,会话或者tab页关闭也不会消失。

localStorage是和地址有关系的,地址改变了,localStorage里面的值就不存在了

前面地址没有发生改变的话,localStorage依然存在 ,虽然页面改变了

localStorage 或者 sessionStorage存的内容都是字符串类型

let obj1 = {

name:"zhangsan",

age:20

}

JSON.stringify 把对象转成字符串类型

let s = JSON.stringify(obj1);

localStorage.s = s;

再把字符串转成对象

let objs = JSON.parse(localStorage.s)

document.write(objs.name);

document.write(objs.age);

function clearOne(){

清除指定的一项 

sessionStorage.removeItem('a')

}

function clearAll(){

全部清除

sessionStorage.clear();

}