BOM:
概念:Browser Object Model 浏覽器對象模型
将浏覽器的各個組成部分封裝成對象。
組成:
- Window:視窗對象
- Navigator:浏覽器對象
- Screen:顯示器螢幕對象
- History:曆史記錄對象
- Location:位址欄對象
Window:視窗對象
建立
方法
與彈出框有關的方法:
- alert() 顯示帶有一段消息和一個确認按鈕的警告框。
-
prompt() 顯示可提示使用者輸入的對話框。
傳回值:擷取使用者輸入的值
-
confirm() 顯示帶有一段消息以及确認按鈕和取消按鈕的對話框。
如果使用者點選确定按鈕,則方法傳回true
如果使用者點選取消按鈕,則方法傳回false
與打開關閉有關的方法:
close() 關閉浏覽器視窗,誰調用關誰
open() 打開一個新的浏覽器視窗,傳回新的window對象
與定時器有關的方式:
setTimeout() 在指定的毫秒數後調用函數或計算表達式。
clearTimeout() 取消由 setTimeout() 方法設定的 timeout。
setInterval() 按照指定的周期(以毫秒計)來調用函數或計算表達式。
clearInterval() 取消由 setInterval() 設定的 timeout。
特點:
Window對象不需要建立可以直接使用 window使用。 window.方法名();
window引用可以省略。 方法名();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>window對象</title>
</head>
<body>
<input id="openbtn" type="button" value="打開視窗">
<input id="closebtn" type="button" value="關閉視窗">
<script>
/* //confirm
var flag = confirm("确定要退出嗎");
if(flag){
//如果點選确定,傳回true
alert("退出成功");
}else {
//點選取消,傳回false
alert("未退出,已傳回");
}
//prompt
var comm = prompt("請輸入内容");
alert(comm);*/
//打開新視窗
var openbtn = document.getElementById("openbtn");
var baidu;
openbtn.onclick = function () {
baidu = open("http://www.baidu.com");
}
//關閉視窗
var closebtn = document.getElementById("closebtn");
closebtn.onclick = function () {
//關閉剛剛打開的百度視窗,誰調用就關閉誰
baidu.close();
}
//一次性定時器
function fun() {
alert("噼裡啪啦....")
}
//setTimeout("fun();",2000); //2秒後彈出
var bom = setTimeout(fun,2000);
clearTimeout(bom); //清除了定時彈框
//循環定時器
setInterval(fun,2000); //每兩秒彈出一次
//擷取history
var h1 = history;
alert(h1);
</script>
</body>
</html>