JavaScript高级之BOM

JavaScript高级之BOM

01_事件简单学习

• 功能： 某些组件被执行了某些操作后，触发某些代码的执行。
  * 造句： xxx被xxx,我就xxx
  * 我方水晶被摧毁后，我就责备对友。
• 如何绑定事件
  1. 直接在html标签上，指定事件的属性(操作)，属性值就是js代码
  1. 事件：onclick— 单击事件

2. 通过js获取元素对象，指定事件属性，设置一个函数

02_BOM_概述

BOM:
1. 概念：Browser Object Model 浏览器对象模型
* 将浏览器的各个组成部分封装成对象。
2. 组成：
* Window：窗口对象
* Navigator：浏览器对象
* Screen：显示器屏幕对象
* History：历史记录对象
* Location：地址栏对象

03_BOM_Window_弹出方法

Window：窗口对象
1. 创建
2. 方法
1. 与弹出框有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
* 如果用户点击确定按钮，则方法返回true
* 如果用户点击取消按钮，则方法返回false
prompt() 显示可提示用户输入的对话框。
* 返回值：获取用户输入的值

04_BOM_Window_打开关闭方法

2. 与打开关闭有关的方法：
   close() 关闭浏览器窗口。
   * 谁调用我 ，我关谁
   open() 打开一个新的浏览器窗口
   * 返回新的Window对象
   
   05_BOM_Window_定时器方法
   

3. 与定时器有关的方式
   setTimeout() 在指定的毫秒数后调用函数或计算表达式。
   * 参数：
   1. js代码或者方法对象
   2. 毫秒值
   * 返回值：唯一标识，用于取消定时器
   clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
   setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
   clearInterval() 取消由 setInterval() 设置的 timeout。
   
   
   06_案例2_轮播图
   
   07_BOM_Window_属性

4. 属性：
   1. 获取其他BOM对象：
   history
   location
   Navigator
   Screen:

08_BOM_Location

Location：地址栏对象
1. 创建(获取)：
1. window.location
2. location
2. 方法：
* reload() 重新加载当前文档。刷新
3. 属性
* href 设置或返回完整的 URL。

09_BOM_History

History：历史记录对象
1. 创建(获取)：
1. window.history
2. history
2. 方法：
* back() 加载 history 列表中的前一个 URL。
* forward() 加载 history 列表中的下一个 URL。
* go(参数) 加载 history 列表中的某个具体页面。
* 参数：
* 正数：前进几个历史记录
* 负数：后退几个历史记录
3. 属性：
* length 返回当前窗口历史列表中的 URL 数量。
小结: