js中的BOM物件

3_hours發表於2019-02-16

瀏覽器物件模型(BOM)以 window 物件為依託,表示瀏覽器視窗以及頁面可見區域。同時, window
物件還是 ECMAScript 中的 Global 物件,因而所有全域性變數和函式都是它的屬性,且所有原生的構造
函式及其他函式也都存在於它的名稱空間下。本章討論了下列 BOM 的組成部分。

? 在使用框架時,每個框架都有自己的 window 物件以及所有原生建構函式及其他函式的副本。
每個框架都儲存在 frames 集合中,可以通過位置或通過名稱來訪問。
? 有一些視窗指標,可以用來引用其他框架,包括父框架。
? top 物件始終指向最外圍的框架,也就是整個瀏覽器視窗。
? parent 物件表示包含當前框架的框架,而 self 物件則回指 window 。
? 使用 location 物件可以通過程式設計方式來訪問瀏覽器的導航系統。設定相應的屬性,可以逐段
或整體性地修改瀏覽器的 URL。
? 呼叫 replace() 方法可以導航到一個新 URL,同時該 URL 會替換瀏覽器歷史記錄中當前顯示
的頁面。
? navigator 物件提供了與瀏覽器有關的資訊。到底提供哪些資訊,很大程度上取決於使用者的瀏
覽器;不過,也有一些公共的屬性(如 userAgent )存在於所有瀏覽器中。
BOM 中還有兩個物件: screen 和 history ,但它們的功能有限。 screen 物件中儲存著與客戶端
顯示器有關的資訊,這些資訊一般只用於站點分析。 history 物件為訪問瀏覽器的歷史記錄開了一個
小縫隙,開發人員可以據此判斷歷史記錄的數量,也可以在歷史記錄中向後或向前導航到任意頁面。

window物件。
彈框類的方法。前面省略window
alert(`提示資訊`)
confirm(“確認資訊”)
prompt(“彈出輸入框”)
open(“url地址”,“_black或_self”,“新視窗的大小”)

close() 關閉當前的網頁

定時器,清除定時器。

setTimeout(函式,時間) 只執行一次
setInterval(函式,時間) 無限執行
clearTimeout(定時器名稱) 清除定時器

location物件:
location.herf = `url地址`
hash 返回#號後面的字串,不包含雜湊,則返回空字串。
host 返回伺服器名稱和埠號
pathname 返回目錄和檔名。 /project/test.html
search 返回?號後面的所有值。
port 返回URL中的指定的埠號,如URL中不包含埠號返回空字串
portocol 返回頁面使用的協議。 http:或https:

Navigator物件:
檢視瀏覽器的版本所有資訊的物件。

screen物件:
屬性 描述
availHeight 返回顯示螢幕的高度 (除 Windows 工作列之外)。
availWidth 返回顯示螢幕的寬度 (除 Windows 工作列之外)。
bufferDepth 設定或返回撥色板的位元深度。
colorDepth 返回目標裝置或緩衝器上的調色盤的位元深度。
deviceXDPI 返回顯示螢幕的每英寸水平點數。
deviceYDPI 返回顯示螢幕的每英寸垂直點數。
fontSmoothingEnabled 返回使用者是否在顯示控制皮膚中啟用了字型平滑。
height 返回顯示螢幕的高度。
logicalXDPI 返回顯示螢幕每英寸的水平方向的常規點數。
logicalYDPI 返回顯示螢幕每英寸的垂直方向的常規點數。
pixelDepth 返回顯示螢幕的顏色解析度(位元每畫素)。
updateInterval 設定或返回螢幕的重新整理率。
width 返回顯示器螢幕的寬度。

每個 Window 物件的 screen 屬性都引用一個 Screen 物件。Screen 物件中存放著有關顯示瀏覽器螢幕的資訊。JavaScript 程式將利用這些資訊來優化它們的輸出,以達到使用者的顯示要求。例如,一個程式可以根據顯示器的尺寸選擇使用大影像還是使用小影像,它還可以根據顯示器的顏色深度選擇使用 16 位色還是使用 8 位色的圖形。另外,JavaScript 程式還能根據有關螢幕尺寸的資訊將新的瀏覽器視窗定位在螢幕中間。

history物件:
back() 返回上一頁。
forward() 返回下一頁。
go(“引數”) -1表示上一頁,1表示下一頁。

相關文章