天天看點

BOM_window對象

BOM:

概念:Browser Object Model 浏覽器對象模型

将浏覽器的各個組成部分封裝成對象。

組成:

  • Window:視窗對象
  • Navigator:浏覽器對象
  • Screen:顯示器螢幕對象
  • History:曆史記錄對象
  • Location:位址欄對象

Window:視窗對象

建立

方法

與彈出框有關的方法:

  1. alert() 顯示帶有一段消息和一個确認按鈕的警告框。
  2. prompt() 顯示可提示使用者輸入的對話框。

    傳回值:擷取使用者輸入的值

  3. 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>