BOM對象

時間 2019-11-17

標籤 bom 對象简体版

原文原文鏈接

BOM對象

Window對象

全部瀏覽器都支持window對象html

概念上：一個html文檔對應一個window對象瀏覽器

功能上：控制瀏覽器窗口的dom

使用上：window對象不須要建立對象，直接使用便可ide

Window 對象方法

alert()                              顯示帶有一段消息和一個確認按鈕的警告框。
confirm()                            顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
                                     確認返回true,取消返回false。
prompt()                             顯示可提示用戶輸入的對話框。
                                     參數1：提示信息。 參數2：輸入框的默認值。返回值爲用戶輸入的內容。 open() 打開一個新的瀏覽器窗口或查找一個已命名的窗口。
 參數1：網址，什麼都不填，即打開一個新窗口。參數2：新窗口名字(通常能夠不填)。參數3：新打開窗口參數 close() 關閉瀏覽器窗口。 setInterval(code,millisec) 按照指定的週期（以毫秒計）來調用函數或計算表達式。(每隔millisec毫秒後執行一次)
 code:要調用的函數或要執行的代碼串。millisec週期性執行或調用code之間的時間間隔，以毫秒計。 clearInterval() 取消由 setInterval() 設置的 timeout。 setTimeout() 在指定的毫秒數後調用函數或計算表達式。 clearTimeout() 取消由 setTimeout() 方法設置的 timeout。 scrollTo() 把內容滾動到指定的座標

方法使用

1. alert confirm prompt以及open函數函數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
// 1. alert
// result = alert("aaa");

// 2. confirm
// var result = confirm("您肯定要刪除嗎？");
// console.log(result)

//3. prompt
// var result = prompt("請輸入一個數字!", "haha");
// console.log(result);

// 4. open
// open("http://www.baidu.com")
//open(",",",","width=200,resizable=no,height=100"); //新打開一個寬爲200,高爲100的窗口
// 5. close
//close()
</script>

</body>
</html>

View Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    var num = Math.round(Math.random()*100);
    function acceptInput() {
        var userNum = prompt("請輸入一個0~100之間的數字!","0");
        if (isNaN(+userNum)) {    //isNaN(x) 函數用於檢查其參數是不是非數字值。若是x是特殊的非數字值NaN或者能被轉換爲這樣的值），
                                 // 返回的值就是 true。若是 x 是其餘值,則返回false。
            alert("請輸入有效數字!");
            acceptInput();
        }
        else if(userNum > num) {
            alert("您輸入的大了!");
            acceptInput();
        }
        else if (userNum < num) {
            alert("您輸入的小了!");
            acceptInput();
        }
        else {
            var result = confirm("恭喜您!答對了，是否繼續遊戲");
            if(result) {
                num = Math.round(Math.random()*100);
                acceptInput();
            }
            else {
                close();
            }
        }
    }
    acceptInput()
</script>

</body>
</html>

View Code

2. setInterval, clearIntervalspa

setInterval()方法會不停地調用函數，直到clearInterval()被調用或窗口被關閉
由setInterval()返回的值可用做clearInterval()方法的參數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="i1" onclick="begin()">
<button onclick="end()">中止</button>

<script>
    function showTime() {
        var nowd2 = new Date().toLocaleString();
        var temp = document.getElementById("i1");
        temp.value = nowd2
    }
    var ID;
    function begin() {
        if (ID==undefined){
            showTime();
            ID=setInterval(showTime, 1000);
        }
    }
    function end() {
        clearInterval(ID);
        ID=undefined;
    }
</script>

</body>
</html>

View Code

location

window.location對象用於得到當前頁面的地址(URL)，並把瀏覽器重定向到新的頁面。code

location.href          獲取當前頁面完整的URL
location.search        獲取當前URL的？號開始的字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function loadbaidu() {
            location.href = "http://www.baidu.com"
        }
    </script>
</head>
<body>
    <button onclick="loadbaidu()">加載百度頁面</button>
</body>
</html>

View Code

1. BOM--location對象、history對象
2. BOM對象和DOM對象
3. BOM對象之location對象
4. JavaScript---BOM對象
5. BOM對象
6. JS-BOM對象
7. BOM——history 對象
8. Javascript - BOM 對象
9. 2.BOM對象
10. bom對象
更多相關文章...
• ADO Parameter 對象 - ADO 教程
• ADO Property 對象 - ADO 教程
• RxJava操作符（一）Creating Observables
• RxJava操作符（九）Connectable Observable Operators

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。