事件对象

7、事件对象

1）什么是事件对象

事件对象就是事件发生时系统自动产生的对象，这个对象包含了这个事件发生时所有的信息

如：鼠标移动，那么，鼠标所在的横、纵坐标就保存到了这个事件对象中

2）如何获得事件对象

IE9及以上版本、W3C：

function(event){}

IE8及以下：

window.event

3）键盘事件小例子：

三、BOM模型

1、BOM：浏览器对象模型

当我们使用浏览器打开一个网页程序时，那么，js系统会自动创建对象，首先创建浏览器对象window,然后再为window对象创建它的子级对象，最后形成一个树状模型，这个就是BOM模型

从上图可以看出，window对象是所有对象的最顶级对象
也就是说，以前，我们写的 document.write() 实际上 window.document.write()
我们创建的所有全局变量和全局函数都是存储到window对象下的

2、window对象 浏览器对象

alert(message) 消息框
confirm(message) 确认框 如果点击确定，返回true,否则返回false
prompt(message[，defstr]) 输入框 返回值为用户输入的数据
open(url[，name[，features]]) 打开新窗口
close() 关闭窗口
blur() 失去焦点
focus() 获得焦点
print() 打印
moveBy(x，y) 相对移动
moveTo(x，y) 绝对移动
resizeBy(x，y) 相对改变窗口尺寸
resizeTo(x，y) 绝对改变窗口尺寸
scrollBy(x，y) 相对滚动
scrollTo(x，y) 绝对滚动
setTimeout(表达式，毫秒) 设置定时器 执行一次
setInterval(表达式，毫秒) 设置定时器 反复执行
clearTimeout(定时器对象) 清除定时器

3、navigator 浏览器信息对象

appCodeName ：内部代码
appName ：浏览器名称
appVersion ：版本号
platform ：操作系统
onLine ：是否在线
cookieEnabled ：是否支持cookie

4、location 地址栏对象

host ：主机名
port ：端口号
href ：完整的url信息
pathname ：路径地址
protocol ：协议
search ：查询字符串
assign(url) ：用于页面跳转

5、screen 屏幕信息对象

availHeight 可用高度
availWidth 可用宽度
colorDepth 颜色质量
height 高度
width 宽度

6、document 文档对象

linkColor 超链接颜色
alinkColor 作用中的超链接颜色
vlinkColor 作用后的超链接颜色
bgColor 背景颜色
fgColor 字体颜色
title 文档标题

getElementById(“id”)
通过id属性值获取某个元素
getElementsByName(“name”)
通过name属性值获取某些元素
getElementsByTagName(“tagname”)
通过标签名获取某些元素