Web APIS 第六天

定时器 延时函数

　　setTimeout(回调函数 , 等待的毫秒数)

两种定时器对比：

 setInterval 的特征是重复执行，首次执行会延时

 setTimeout 的特征是延时执行，只执行 1 次

 setTimeout 结合递归函数，能模拟 setInterval 重复执行

 clearTimeout 清除由 setTimeout 创建的定时任务

 

 

window 对象

 

　　location 对象

 

location 的数据类型是对象，它拆分并保存了 URL 地址的各个组成部分

 常用属性和方法：

 href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转

 search 属性获取地址中携带的参数，符号 ？后面部分

 hash 属性获取地址中的啥希值，符号 # 后面部分

 reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新

 

location.href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转

 search 属性获取地址中携带的参数，符号 ？后面部分

 hash 属性获取地址中的啥希值，符号 # 后面部分

 reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新

 

　　

　　histroy对象

　　　　

　　　　history 的数据类型是对象，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等

　　　　back()   forward()   go(参数)

 

 

 

 

 

本地存储

　　localStorage

　　　　1、生命周期永久生效，除非手动删除 否则关闭页面也会存在

　　　　2、可以多窗口（页面）共享（同一浏览器可以共享）

　　　　3. 以键值对的形式存储使用

 

　　　　　　存储数据：

　　　　　　localStorage.setItem(key, value)

　　　　　　获取数据：

　　　　　　localStorage.getItem(key)

　　　　　　删除数据：

　　　　　　localStorage.removeItem(key)

 

　　存储复杂数据类型存储

　　本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

　　JSON.stringify(复杂数据类型)

　　将复杂数据转换成JSON字符串 存储 本地存储中

　　JSON.parse(JSON字符串)

　　将JSON字符串转换成对象 取出 时候使用

 

<script>
    //localStorage.setItem(key,value)键值对
    //存储数据
    //localStorage.setItem('uname','老中医')

    //获得数据
    //console.log(localStorage.getItem('uname'))

    //删除数据
    //localStorage.removeItem('uname');
    
    //1. 存储复杂数据类型(引用数据类型)
    let obj = {
        uname: '刘德华',
        age: 17,
        address: '黑马'
    }
    // localStorage.setItem('obj' , obj)

    //不能直接存对象 , 要转化成JSON字符串
    localStorage.setItem('obj' , JSON.stringify(obj))

    //2. 取数据 转回来可以使用 JSON.parse() 将JSON字符串转为对象
    // console.log(localStorage.getItem('obj'))
    console.log(JSON.parse(localStorage.getItem('obj')))
</script>

 

综合案例 : 学生信息表