瀏覽器物件

2021-08-27 14:45:05 字數 819 閱讀 7033

瀏覽器提供了大量的物件,用於表示頁面上html所對應的元素。通常將它們的集合稱為瀏覽器物件模型(bom)。bom在很大程度上依賴於我們所使用的是何種型別的瀏覽器以及瀏覽器的版本,如果不慎選擇經常會出現相容性問題。不過如果我們的**能夠遵循w3c標準,就能更大限度的相容不同的瀏覽器。

瀏覽器物件在最頂層的是window物件,代表了瀏覽器的框架以及瀏覽器相關的一切,web頁面就載入在這個框架之中,甚至可以通過它檢視使用者的歷史記錄。而document物件則代表了頁面本身。window物件是乙個全域性物件,因此可以直接使用全域性物件的屬性或者方法。

有三種方法能夠確定瀏覽器視窗的尺寸(瀏覽器的視口,不包括工具欄和滾動條)。

對於internet explorer、chrome、firefox、opera 以及 safari:

對於 internet explorer 8、7、6、5: 或者

history物件儲存了使用者所訪問過的頁面資訊

我們可以通過歷史記錄的歷史棧來單擊瀏覽器的前進和後退鍵來返回訪問過的頁面。主要的函式為back(),forward()以及go()函式來操作頁面的轉換。

如例在頁面上建立後退按鈕:

location物件包含了用於獲得當前頁面的位址 (url),並把瀏覽器重定向到新的頁面。

location.href 屬性返回當前頁面的 url。還可以通過此來改變當前的url或者是重新整理當前的網頁資訊。

window.screen 物件包含有關使用者螢幕的資訊。

js 瀏覽器物件

在執行時,從載入頁面後每隔指定的時間執行 語法 setinterval 互動時間 引數說明 1.要呼叫的函式或要執行的 串。返回值 乙個可以傳遞給 clearinterval 從而取消對 的週期性執行的值。呼叫函式格式 假設有乙個clock 函式 setinterval clock 1000 或se...

BOM瀏覽器物件模型

bom能做什麼 操作瀏覽器視窗 提供導航物件 提供定位物件 提供跟螢幕相關物件 提供對 cookie 的支援 window物件 開啟瀏覽器後麻黃素那個建立window物件,代表整個視窗 作用 操作視窗 moveby dx,dy 移動指定的距離 moveto x,y 移動到指定位置 resizeby ...

瀏覽器物件模型 BOM

bom的核心物件是window物件,其他物件都是window物件的子物件 一 瀏覽器物件模型 二 window物件 屬性 1.位置型別 瀏覽器距離螢幕的距離 ie chrome alert window.screenleft alert window.screentop ff chrome aler...