1. 程式人生 > >JavaScript之BOM基礎

JavaScript之BOM基礎

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
    功能:返回可用的螢幕高度