bom初步学习

130 阅读1分钟

/* 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 */