/* 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); // }
/* 设置和取值 使用两种方式都试一下 */
/* 点击按钮 设置一个学生信息 学号 stuNo 语文成绩 chinese
存到sessionStorage缓存中,再点击按钮 可以在页面显示出学生的学号
和语文成绩 ,最后把tab关闭,再次打开页面看值之后还存在 */
// function fn1(){
// // sessionStorage.stuNo = '1908'
// // sessionStorage.chinese = '90'
// sessionStorage.setItem('stuNo','1099')
// sessionStorage.setItem('chinese','80')
// }
// function fn2(){
// // document.write(sessionStorage.stuNo);
// // document.write(sessionStorage.chinese);
// document.write(sessionStorage.getItem('stuNo'));
// document.write(sessionStorage.getItem('chinese'));
// }
/* 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);
}
/* 在页面A 本地存储 一个username 到本地 使用两种方式 存储
再新建一个页面B 在A页面中点击一个a 链接 跳转到 B页面
,看能否取到username 取值也使用两种方式
都在本地打开 使用 open in default brower */