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>
~~~