javaScript学习系列------事件， BOM，BOM对象

写在前面

• 事件
• BOM
• 部分BOM对象
  • window
  • location
  • navigator

---

一、事件

（1）事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。

（2）HTML事件：直接在HTML元素标签内添加事件，执行脚本

• <tag 事件 = “执行脚本” ></tag>
• 功能：在HTML元素上绑定事件

(3) 通过DOM查找方法获取HTML元素

• ele.事件 = 执行脚本
• 功能：在DOM对象上绑定事件

(4) 常用事件：

• onload：页面加载时触发
• onclick：鼠标点击触发
• onmouseover：鼠标滑过触发
• onmouseout：鼠标离开触发
• onfocus：获得焦点触发
• onblur：失去焦点触发
• onchange：内容改变触发
• onsubmit：点击提交按钮
• onmousedown：按下鼠标触发
• onmousemove：鼠标移动触发
• onmouseup：在元素上松开鼠标触发
• onresize：调整窗口大小触发
• onscroll：拖动滚动条触发
• onkeydown：按下键盘触发
• onkeypress：按下字母或数字键盘触发
• onkeyup：松开键盘按键触发

---

二、BOM

（1）、BOM（ browser object model ) 浏览器对象模型

（2）、BOM对象：window、navigator、screen、history、location、document、event

---

三、部分BOM对象

1、window对象

（1）、window对象既是通过javaScript访问浏览器窗口的接口之一，又是Global对象。

（2）、window对象的方法：

• window.alert ("警告信息")：弹出警告信息

• window.confirm("确认信息"):弹出确认信息

• window.prompt("要在对话框中显示的传文本，默认的输入文本“)：弹出提示信息

• window.open(子窗口url，子窗口名，参数)：打开一个新的浏览器窗口或查找已知的窗口

• window.close()：关闭浏览器窗口

---

2、location对象

（1）location对象提供当前窗口文档相关信息以及导航功能。
（2）常用属性：

• location.href：重定向页面

• location.hash：返回url中的hash(#号后跟零或多个字符）

• location.host：返回服务器名称和端口号

• location.hostname：返回服务器名称

• location.pathname：返回目录和文件名

• location.port：返回端口号

• location.protocol：返回使用协议

• location.search：返回查询字符串

(3) 常用方法：

• location.replace(url)：重定向url
• location.reload()：重新加载当前显示页面

---

3、navigator对象

（1）提供浏览器的信息、版本、类型等

• appCodeName：浏览器名称
• appName：完整的浏览器名称
• userAgent：识别浏览器名称、版本、引擎以及操作系统等