第八章 BOM之window對象

在瀏覽器中，window對象具備兩重角色，既是javascript訪問瀏覽器的一個接口，又是ECMAScript規定的Global對象（在全局做用域中聲明的變量、函數都會變成window對象的屬性和方法）。

一、窗口的位置

window.screenLeft:表示窗口相對屏幕左邊的位置

window.screenTop:表示窗口相對屏幕上邊的位置

注：至關於在屏幕的左上角是一個座標原點，造成一個二維座標系

2.窗口的大小

window.OutHeight:表示瀏覽器窗口自己的高度

window.OutWidth:表示瀏覽器窗口自己的寬度

注：以上的都是表示瀏覽器窗口的完整大小，即看到的瀏覽器大小（包括邊框等）

window.innerHeight:表示瀏覽器頁面的可視區的高度

window.innerWidth:表示瀏覽器頁面的可視區的寬度

注:可視區表示要出去瀏覽器的邊框

OutHeight , OutWidth的值要比 innerHeight , innerWidth的值稍大

3.打開窗口

window.open()方法

參數：

要加載的url、窗口目標、一個特性字符串和一個表示新頁面是否取代瀏覽器歷史記錄中的加載頁面的布爾值

第一個參數必須，其餘的參數不要求必須使用

通常都只使用兩個參數 例子以下：

window.open("https://www.baidu.com/","height=400,width=400,top=10,resizable=yes");//resizable=yes表示能夠經過拖動瀏覽器窗口的邊框來改變瀏覽器的大小

4.間歇調用和超時調用

超時調用：是指在指定的時間事後執行代碼

使用的方法：setTimeout()

setTimeout()方法有兩個參數：要執行的代碼和以毫秒計的時間

要執行的代碼能夠是字符串也能夠是函數，通常使用函數比較適當。例子以下：

//使用字符串

setTimeout("alert("hello")",1000);

//使用函數

setTimeout(function(){

　　　　alert("hello");　　　　

},1000);

使用clearTimeout()方法取消超時調用，例子以下：

var setTimeid = setTimeout(function(){

　　　　alert("hello");　　　　

},1000);

clearTimeout(setTimeid);

間歇調用：每隔指定的時間就執行一次代碼

使用的方法:setInterval()

用法和上面的超時調用類似，取消間歇調用的方法是clearInterval();

5.系統對話框

1)alert()   只有肯定按鈕

2)confirm()    有肯定和取消按鈕，點擊肯定返回一個true,點擊取消返回false

3)prompt()　　是提示框，提示用戶輸入的一些文本內容、肯定按鈕、取消按鈕以及一個文本框

prompt()方法接受兩個參數：要顯示給用戶的文本內容和文本輸入框的默認值；若是用戶填寫內容後點擊了「肯定」按鈕，則返回文本框中的內容，點擊「取消」按鈕則返回一個false