定时器、缓存及跳转、JS的ECMA和BOM、网页的前进,后退及刷新使用方法

151 阅读1分钟

【定时器 】

过个一段时间去做一件事 

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

 let id = setInterval(function(){

 console.log('我爱js
');

console.log(id);

 },1000)

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

 function clearfn(){

      clearInterval(id)

 }

setTimeout 和 setInterval的区别是

setTimeout只执行一次 

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

【存储】

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依然存在 ,虽然页面改变了

 【ECMAScript是一种语法标准】

语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象

编码遵循ECMAScript标准 -->

 【BOM:Browser Object Model(浏览器对象模型)】

提供了独立于内容与浏览器窗口进行交互的对象

【网页的前进,后退,刷新】

(两种方法如下)

 后退 

 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();