1. 程式人生 > >JS基礎---常見的Bom對象

JS基礎---常見的Bom對象

了解 路徑 out lac eight http ati width self

BOM(Browser Object Mode)瀏覽器對象模型,是Javascript的重要組成部分。它提供了一系列對象用於與瀏覽器窗口進行交互,這些對象通常統稱為BOM。

一張圖了解一下先

技術分享圖片

1、window 對象——BOM核心

window,顧名思義,窗口對象。它表示整個瀏覽器窗口,主要用來操作瀏覽器窗口。同時, window對象還是 ECMAScript 中的 Global 對象,因而所有全局變量和函數都是它的屬性,且所有原生的構造函數及其他函數也都存在於它的命名空間下。

  彈框類的方法。前面省略window

    alert(‘提示信息‘)

    confirm("確認信息")

    prompt("彈出輸入框")

    open("url地址",“_black或_self”,“新窗口的大小”)

    close() 關閉當前的網頁

  定時器,清除定時器。

    setTimeout(函數,時間) 只執行一次

    clearTimeout(定時器名稱) 清除定時器,用於停止執行setTimeout()方法的函數代碼。

    setInterval(函數,時間) 無限執行

    clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼。

  Cookies 用於存儲 web 頁面的用戶信息。

    JavaScript 可以使用 document.cookie

屬性來創建 、讀取、及刪除 cookies。document.cookie 將以字符串的方式返回所有的 cookies,類型格式: cookie1=value; cookie2=value; cookie3=value;

2、document 對象

它是window對象的一個屬性,可以用來處理頁面文檔

3、location 對象

對象用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。

  window.location 對象在編寫時可不使用 window 這個前綴。 一些例子:

  location.herf = ‘url地址‘

  location.hostname 返回 web 主機的域名

  location.pathname 返回當前頁面的路徑和文件名

  location.port 返回 web 主機的端口 (80 或 443)

  location.portocol 返回頁面使用的web協議。 http:或https:

4、navigator 對象

對象提供了與瀏覽器有關的信息。userAgent是最常用的屬性,用來完成瀏覽器判斷。

  window.navigator 對象在編寫時可不使用 window 這個前綴。

5、screen 對象

主要用來獲取用戶的屏幕信息。

  window.screen對象在編寫時可以不使用 window 這個前綴

  height: 獲取整個屏幕的高。

  width : 獲取整個屏幕的寬。

  availHeight: 整個屏幕的高減去系統部件的高( 可用的屏幕寬度 )

  availWidth : 整個屏幕的寬減去系統部件的寬(可用的屏幕高度 )

6、history 對象

對象包含瀏覽器的歷史。

  window.history對象在編寫時可不使用 window 這個前綴。

  back() 返回上一頁。

  forward() 返回下一頁。

  go(“參數”) -1表示上一頁,1表示下一頁。

JS基礎---常見的Bom對象