JavaScript BOM-11-BOM的核心-window對象; window對象的控制,彈出窗口方法; 超時調用; 間歇調用; location對象經常使用屬性; 位置操做--location.re

JavaScript BOM

學習目標

1.掌握什麼是BOM

2.掌握BOM的核心-window對象

3.掌握window對象的控制、彈出窗口方法

什麼是bom

BOM(browser object model)瀏覽器對象模型

window

Window是瀏覽器的一個實例，在瀏覽器中，window對象有雙重角色，它既是經過JavaScript訪問瀏覽器窗口的一個接口，又是ECMAScript規定的Global對象

Window對象的方法

語法：window.alert(「content」)

功能：顯示帶有一段消息和一個確認按鈕的警告框

語法：window.confirm(「message」)

功能：顯示一個帶有指定消息和OK及取消按鈕的對話框

返回值：若是用戶點擊肯定按鈕，則confirm()返回true

        若是用戶點擊取消按鈕，則confirm()返回false

Window對象的方法

語法：window.prompt(「text,defaultText」)

參數說明：text:要在對話框中顯示的純文本（而不是HTML格式的文本）

defaultText: 默認的輸入文本

返回值：若是用戶單擊提示框的取消按鈕，則返回null

        若是用戶單擊確認按鈕，則返回輸入字段當前顯示的文本

Window對象的方法

語法：window.open(pageURL,name,parameters)

功能：打開一個新的瀏覽器窗口或查找一個已命名的窗口

參數說明：pageURL: 子窗口路徑

name: 子窗口句柄。

paremeters: 窗口參數（各參數用逗號分隔）

Window對象的方法

語法：window.close()

功能：關閉瀏覽器窗口

 

學習目標

1.掌握超時調用

2.掌握間歇調用

超時調用

語法：setTimeout(code,millisec)

功能：在指定的毫秒數後調用函數或計算表達式

參數說明：1.code:要調用的函數或要執行的JavaScript代碼串

2.millisec:在執行代碼前需等待的毫秒數

說明：setTimeout()只執行code一次。若是要屢次調用，請使用

      setInterval()或者讓code自身再次調用setTimeout()

清除超時調用

語法：clearTimeout(id_of_settimeout)

功能：取消由setTimeout()方法設置的timeout

參數說明：id_of_setTimeout:由setTimeout()返回的ID值，該值標識要取消的延遲執行代碼塊

間歇調用

語法：setInterval(code,millisec)

功能：每隔指定的時間執行一次代碼

參數說明：1.code: 要調用的函數或要執行的代碼串

1. millisec: 週期性執行或調用code之間的時間間隔，以毫秒計

清除間歇調用

語法：clearInterval(id_of_settimeout)

功能：取消由setInterval()方法設置的interval

參數說明：id_of_setinterval:由setInterval()返回的ID值

學習目標

1.掌握location對象

2.掌握location對象的經常使用屬性

location對象

location對象提供了與當前窗口中加載的文檔有關的信息，還提供了一些導航的功能，它既是window對象的屬性，也是document對象的屬性。

location對象的經常使用屬性-1.href

語法：locatoin.href

功能：返回當前加載頁面的完整URL

說明：location.href與window.location.href等價

語法：location.hash

功能：返回URL中的hash(#號後 跟零或多個字符)，若是不包含則返回空字符串。

 

location對象的經常使用屬性-2.host

語法：location.host

功能：返回服務器名稱和端口號（若是有）

語法：location.hostname

功能：返回不帶端口號的服務器名稱。

語法：location.pathname

功能：返回URL中的目錄和（或）文件名

Location對象的經常使用屬性-3.port

語法：location.port

功能：返回URL中指定的端口號，若是沒有，返回空字符串。

語法：location.protocol

功能：返回使用的協議

語法：localtion.search

功能：返回URL的查詢字符串。這個字符串以問號開頭。

學習目標

1.掌握位置操做

2.掌握location.reaplace

3.掌握location.reload()

位置操做

改變瀏覽器位置的方法：location.href屬性

location對象其餘屬性也能夠改變URL：

location.hash

  location.search

Location.replace()

語法：location.replace(url)

功能：從新定向URL

說明: 使用location.replace不會在歷史記錄中生成新紀錄

location.reload()

語法：location.reload()

功能：從新加載當前顯示的頁面

說明：1.location.reload()有可能從緩存中加載

2.Localtion.reload(true)從服務器從新加載

學習目標

掌握BOM中的history對象

history歷史對象

語法：history.back()

功能：回到歷史記錄的上一步

說明：至關於使用了history.go(-1)

語法：location.forward()

功能：回到歷史記錄的下一步

說明：至關於使用了history.go(1)

history歷史對象

語法：history.go(-n)

功能：會帶歷史記錄的前n步

語法：history.go(n)

功能：回到歷史記錄後 n步

學習目標

Screen對象及其經常使用屬性

語法：screen.availWidth

功能: 返回可用的屏幕寬度

語法：screen.availHeight

功能：返回可用的屏幕高度

Navigator對象

學習目標

1.掌握Navigator對象的userAgent屬性

2.掌握任何判斷瀏覽器的類型

3.掌握任何判斷設備的終端是移動仍是PC

Navigator

UserAgent:用來識別瀏覽器名稱、版本、引擎以及操做系統等信息的內容。