BOM：Browser Object Model浏览器对象模型
***
### open函数
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var aInput = document.getElementsByTagName('input');
/*
window.open(url,打开方式)方法，打开一个新的窗口,window就可以省略
打开方式有兼容问题，一般不用
如果url为空，则默认打开一个空白页面
如果打开方式为空，默认新窗口方式打开
*/
aInput[0].onclick = function () {
alert(1);
window.open('http://www.baidu.com','_self');
// 返回值：返回新打开的窗口的window对象
}
}
</script>
</head>
<body>
<input type="button" value="打开新窗口">
</body>
</html>
~~~
### close
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var aInput = document.getElementsByTagName('input');
/*
window.open(url,打开方式)方法，打开一个新的窗口,window就可以省略
打开方式有兼容问题，一般不用
如果url为空，则默认打开一个空白页面
如果打开方式为空，默认新窗口方式打开
*/
aInput[0].onclick = function () {
alert(1);
window.open('http://www.baidu.com');
// 返回值：返回新打开的窗口的window对象
}
aInput[1].onclick = function () {
window.close();//有很大兼容问题，谷歌火狐IE都不一样
}
}
</script>
</head>
<body>
<input type="button" value="打开新窗口">
<input type="button" value="关闭窗口">
</body>
</html>
~~~
### 关闭新打开的窗口
~~~
<script>
window.onload = function () {
var aInput = document.getElementsByTagName('input');
var opener = null;
aInput[0].onclick = function () {
opener = window.open('http://www.baidu.com');
alert(opener == window);//false
opener.document.body.style.background = 'red';
}
aInput[2].onclick = function () {
opener.close();//关闭打开的新窗口
}
}
</script>
~~~
