JavaScript之BOM操作

1、BOM
(1)什么是BOM
Browser Object Model。获得窗口及浏览器信息。
(2)主要的BOM对象
a, window
open方法
打开一个新的窗口，例如：
window.open
('1.html', 'new', 'height=100, 
width=200, top=0, left=0,
toolbar=no, menubar=no,
scrollbars=no, resizable=no, 
location=no, status=no')；
'1.html' 弹出窗口的文件名；
'new' 弹出窗口的名字；如果该参数指定了一个已经存在的窗口，则 open() 方法不再创建一个新窗口，而只是返回对指定窗口的句柄。
height=100 窗口高度；
width=200 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar 是否显示菜单栏。
scrollbars 是否显示滚动栏。
resizable=no 是否允许改变窗口大小，yes为是 。
location=no 是否显示地址栏，yes为是。
status=no 是否显示状态栏内的信息。
close方法
关闭窗口
返回值为窗口对象句柄
document属性
获得Document对象
location属性
获得Location对象
alert方法
弹出一个警告对话框
confirm方法
弹出一个选择对话框，返回用户是否确认。
用户确认，返回值是true。
prompt方法
弹出一个供用户输入信息的对话框，返回用
户输入信息。
setTimeout方法
setTimeout(f,1000) 方法用于在指定的毫秒数后调用函数或计算表达式。
clearTimeout方法
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
setInterval方法
var taskId = setInterval(f,1000)
按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 
返回的 ID 值可用作 clearInterval() 方法的参数。
clearInterval方法
clearInterval(taskId) 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID
opener属性
打开当前窗口的窗口
parent属性
当前窗口的父窗口

b, navigator
描述浏览器本身的信息，比如浏览器的类型等等。
c, location
描述浏览器地址相关的信息。
d, document
getElementById();
write():直接在页面上输出。


2、事件处理机制
(1)如何绑订事件处理代码
a,绑订事件处理代码到html标记之上。
<a href="" onclick="f1();"></a>
b,绑订事件处理代码到dom节点之上。
<a href="" id="a1"></a>
var obj = document.getElementById('a1')
obj.onclick=f1;
缺点：不方便传参
优势：将js代码与html代码分离，便于代码的维护。

在javascript编程当中，函数总是因为事件触
发而被调用。事件产生的情况有两件：一种是
外部操作引起的，比如用户点击某个按钮。
一种是浏览器自身产生的，比如浏览器加载
整个html文档完毕之后，会产生load事件。
当事件产生以后，会执行绑订到它上面的相应的
处理函数。
c,使用浏览器特定的绑订方式。
尽量不使用，因为浏览器兼容性问题。
(2)如何获得事件对象
IE: 直接使用event
window.event
FF: 需要通过传参的方式
f1(event);
(3)如何获得事件源
IE: event.srcElement
FF: event.target
(4)事件冒泡机制
a,什么是事件冒泡
子节点产生的事件会向上传递给父节点
（默认情况下）
b,取消冒泡
event.cancelBubble = true;
(5)常见的事件类型
click
dblclick
blur
focus
load
mouseover
mouseout
change
3、函数与对象
(1)函数
a,实参的个数可以与形参的个数不一致
b,可以通过arguments对象获得参数值。
(2)js中没有类的定义方式，使用函数的语法
格式来创建一个类。
(3)创建对象的方式
方式一：new Function()
方式二：
step1 var obj = new Object();
step2 可以动态地为一个对象增加
新的属性和方法。
方式三：(json语法,讲jQuery框架时说)
(4) prototype属性
可以为一个类型增加新的属性和方法
(5)内置对象
   Math:用于数学计算
   Date:日期




4、prototype框架
是一个很小的js框架。可以简化js编程。 （选择性的掌握）
$(id):相当于document.getElementById(id);
$F(id):document.getElementById(id).value;
$(id1,id2...);返回一个数组，数组元素是通过
document.getElementById(id)获得。
strip():除掉空格