JavaScript之BOM基礎
阿新 • • 發佈:2018-12-02
BOM基礎
什麼是BOM?BOM是瀏覽器物件模型
window(重要)
- window.alert(“content”)
功能:顯示帶有一段訊息和一個確認按鈕的警告框 - window.confirm(“message”)
功能:顯示一個指定訊息和確認及取消按鈕的提示框
返回值:點選確認按鈕,返回值為true
點選取消按鈕,返回值為flase - window.prompt(“text, defaultText”)
引數:
text:對話方塊中顯示的文字
defaultText:預設的輸入文字
返回值:點選取消按鈕,返回值為null
點選確認按鈕,返回值為輸入的文字內容 - window.open(pageURL,name,parameters)
功能:開啟一個新的瀏覽器視窗或查詢一個已命名的視窗
引數:
pageURL:子視窗路徑
name:子視窗target屬性
parames:視窗引數(各引數用逗號分隔) - window.close()
功能:關閉瀏覽器視窗
超時呼叫
- setTimeout(code,millisec)
功能:在指定的毫秒數後呼叫函式或表示式
引數:
code:要呼叫的函式或js程式碼串
millsec:在執行程式碼前等待的毫秒數
注意:setTimeout()只執行code一次,多次呼叫要使用setInterval()或者在code呼叫setTimeout()
語法:setTimeout(code,millisec)
功能:在指定的毫秒數後呼叫函式或表示式
引數:
code:要呼叫的函式或js程式碼串
millsec:在執行程式碼前等待的毫秒數
注意:setTimeout()只執行code一次,多次呼叫要使用setInterval()或者在code呼叫setTimeout() - clearTimeout(id_of_settimeout)
功能:取消由setTimeout()方法設定的延時
引數:
id_of_settimeout:由setTimeout()返回到ID值,標識要取消的延遲執行程式碼塊
間歇呼叫
- setInterval(code,millsec)
功能:每隔指定時間執行一次程式碼
引數:
code:要呼叫的函式或js程式碼串
millsec:週期性執行程式碼前等待的毫秒數
location物件的常用屬性
- location.href
功能:返回當前載入頁面的完整URL - location.hash
功能:返回URL中的hash(#後的內容),若果不包含返回空字串 - location.hast
功能:返回伺服器的名稱和埠號 - location.hostname
功能:返回不帶埠號的伺服器名稱 - location.pathname
功能:返回URL的目錄(檔名) - location.port
功能:返回URL中指定的埠號,如果沒有,返回空字串 - location.protocol
功能:返回頁面使用的協議 - location.search
功能:返回URL的查詢字串(以?開頭) - location.replace(url)
功能:重新定向URL
注意:使用location.replace不會在歷史記錄中生成新紀錄 - location.reload()
功能:重新載入當前顯示的頁面
注意:location.reload()可能從快取中載入
location.reload(true)從伺服器重新載入
history物件
- history.back()
功能:回到歷史紀錄的上一步 - hostory.forword()
功能:回到歷史紀錄的下一步 - hostory.go(-n)
功能:回到歷史記錄的前n步 - hostory.go(N)
功能:回到歷史記錄的後n步
screen物件
- screen.availWidth
功能:返回可用的螢幕高度 - screen.availHeight
功能:返回可用的螢幕高度