js：进制转换、计时器与延时器、BOM概念、window的对象与方法 - 第九天

# 一、复习

1、字符：

    - 方法

    - str.indexOf

    - str.charAt

    - str.slice

    - str.concat

    - str.split

    - str.substr

    - str.substring

    - str.toLowerCase

    - str.toUppererCase

    - str.charCodeAt

- string.fromcharCode

    - 应用

2、对象

    - 概念、本质、意义、优势

    - 操作语法、操作、分类

        - 宿主

        - 本地

        - 内置

    - 浏览器的顶层对象

    - this，执行了this所在函数的的对象，必然是对象

3、内置对象Math

4、本地对象Date：时间对象

# 三、禁止转换

1、二进制：0 1

    - 二进制的10，表示十进制的2

3、八进制：0~7

    - 二进制的10，表示八进制的8

4、十六禁止：0~9，,a,b,c,d,e,f

    - 二进制的10，表示十六进制的16

6、注意：

    - 在js中只有十进制是数值，其他禁止都是字符

    - 读法

7、转换：十进制转其他 - 数值转字符

        - toString（2）

        - toString（8）

        - toString（16）

    其他转十进制 - 字符转数字

        - parseInt（str,2）;

        - parseInt（str,8）;

        - parseInt（str,16）;

# 四、计时器 - 可以根据时间决定程序执行

1、计时器

    - 每隔指定的时间，就会执行一次的功能

    - 开启：setIneterval(函数，毫秒数)

        - 参数

            - 参数1：回调函数，会随时间的流失被重复执行

            - 参数2：毫秒数，执行参数1的回调函数的间隔时间

        - 返回值：计时器的唯一标志，用来别关闭

    - 关闭：clearInterval(要关闭的计时器唯一的标志)

2、延时器

    - 延迟指定的时间，只执行一次指定的功能

    - 开启：setTimeout(函数, 毫秒数)

        - 参数：

            - 参数1：回调函数，等待指定时间的流逝只执行一次

            - 参数2：毫秒数，执行参数1的回调函数的延迟时间

        - 返回值：延时器的唯一标志，用来被关闭。

    - 关闭：clearTimeout(要关闭的延时器的唯一标志)

# 五、BOM

1、BOM：浏览器对象模型，window，浏览器窗口对象

    - BOM缺乏标准，ECMAscript规范的基础之上进行定义

    - 窗口与窗口之间的操作

    - 窗口之自身的各项内容：地址栏、历史记录、浏览器信息，文档

        - window的子对象location，document，history，navigator

    - window也具有自身的一些方法或属性

    - window是浏览器的顶层对象，在使用过程中可以被省略

        - 所有的全局函数，都属于window

        - 所有的全局变量，都属于window

2、window的方法

    - window.alert（）

    - prompt（）

    - confirm（）

    - open（）

    - close（）

    - setInterval()

    - setTimeout（）

3、window的事件

    - load:浏览器加载完成

        - 页面结构加载完成

        - 页面引入外部资源

    - scroll：滚动条滚动

        - 获取滚动条距离顶部的距离

            - console.log(document.documentElement.scrollTop)

        - 获取滚动条左边的距离

            - console.log(document.documentElement.scrollLeft)

    - resize：浏览器窗口大小发生变化

        - 获取浏览可视窗口的宽度

            - console.log(document.documentElement.clientWidth);

        - 获取浏览可视窗口的高度

            - console.log(document.documentElement.clientHeight);

4、window的子对象

    - 地址栏：location

        - location.href：完整的url

        - location.protocol：通信协议

        - location.hostname：域名

        - location.port：端口

        - location.host：域名+端口

        - location.pathname：路径名

        - location.search：查询数据（向后端发送的数据）

        - location.hash：锚点连接（哈希值）

        - location.reload()：刷新页面

        - location.assign("")：跳转到指定地址，空字符为刷新当前页面

    - 文档：document

    - 历史记录：history

        - history.length：历史记录的个数

        - history.back（）：后退一个历史记录

        - history.forward（）：前进一个历史记录

        - history.go（正负零）：前进、后退、刷新

    - 浏览器信息：navigator

        - navigator.userAgent:获取浏览器信息

        - navigator.userAgent.indexof（chrom  == -1）

   - 浏览器信息：navigator

        - navigator.userAgent：获取浏览器信息

    - 显示器的视窗：screen

    - 网页结构框架：frames

    <!-- - losclSTorg -->