JavaScript中經常使用的BOM屬性

window

窗口

  • window.open():打開窗口。返回一個指向新窗口的引用。
  • window.close():關閉窗口。
  • window.resizeTo():調整窗口尺寸到指定值
  • window.resizeBy():增長窗口尺寸,增長量爲指定值
  • window.moveTo():移動窗口
  • window.moveBy():移動窗口,座標增長量爲指定值
  • window.innerHeight:瀏覽器窗口的內部高度
  • window.innerWidth:瀏覽器窗口的內部寬度

計時器

  • window.setTimeout():超時調用
  • window.clearTimeout():取消超時調用
  • window.setInterval():間歇調用
  • window.clearInterval():取消間歇調用

對話框

  • window.alert():警告框
  • window.confirm():確認對話框。返回布爾值,點擊肯定返回true,點擊取消返回false
  • window.prompt():提示框。點擊肯定返回文本框的值,點擊取消返回null
  • window.print():打印對話框
  • window.find():查找對話框

location

屬性

  • location.href:完整URL,如http://www.bnu.edu.cn:8080/path/to/homepage/index.html?name='peter'&age='20'#contents
  • location.protocol:協議名,如http:
  • location.hostname:服務器名,如www.bnu.edu.cn
  • location.host:服務器名及端口號,如www.bnu.edu.cn:8080
  • location.port:端口號,如8080
  • location.pathname:目錄和文件名,如/path/to/homepage/index.html
  • location.search:查詢字符串,以問好開頭,如?name='peter'&age='20'
  • location.hash:散列值,即#號後面,如#contents

方法

  • location.assign():打開指定URL,並在歷史記錄中生成一條記錄。等價於location.href = URLwindow.location = URL
  • location.replace():打開指定URL,但不生成新的歷史記錄。
  • location.reload():從新加載當前頁面。默認以最有效的方式加載,可能會請求到緩存。
  • location.reload(true):從新加載當前頁面,強制從服務器從新加載。

  • navigator.userAgent:用戶代理字符串
  • navigator.plugins:安裝插件信息的數組
  • navigator.onLine:檢測設備在線仍是離線

screen

  • screen.availWidth:可用的屏幕寬度。以像素計,減去界面特性,好比窗口任務欄。
  • screen.availHeight:可用的屏幕高度。以像素計,減去界面特性,好比窗口任務欄。
  • screen.width:屏幕的像素寬度
  • screen.height:屏幕的像素高度
  • screen.colorDepth:顏色位數

history

  • history.go():跳轉到任意歷史記錄。
    • 若傳入整數,正數爲前進,負數爲後退。
    • 若傳入字符串,則跳轉到歷史記錄中包含該字符串的第一個位置。
  • history.back():後退一頁
  • history.forward():前進一頁
  • history.length:歷史記錄的數量。對於窗口中第一個打開的頁面而言,其history.length爲0。
  • history.pushState():歷史狀態管理。將新的狀態信息加入歷史狀態棧。
  • history.replaceState:歷史狀態管理。重寫歷史狀態。

參考自:《JavaScript高級程序設計》、W3schoolhtml

相關文章
相關標籤/搜索