JS基礎--常用的BOM對象

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表示下一頁。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章