天天看點

前端3——BOM十二、BOM

十二、BOM

BOM(Browser Object Model)浏覽器對象模型,提供與浏覽器互動的方法和接口。BOM的核心對象是window,表示浏覽器的一個執行個體,window對象既是ECMAScript規定的Global對象,又是通過js通路浏覽器視窗的一個接口。

前端3——BOM十二、BOM

1、對象

(1)navigator:浏覽器資訊

前端3——BOM十二、BOM
前端3——BOM十二、BOM

(2)location:浏覽器定位和導航

操作url的各個部分。

assign(url):載入新的url,記錄浏覽曆史;replace(url):載入新的url,不記錄浏覽曆史;reload():重新整理目前頁。

前端3——BOM十二、BOM

(3)history:視窗浏覽器曆史

前端3——BOM十二、BOM

(4)screen:螢幕資訊

前端3——BOM十二、BOM

2、方法

(1)三種對話框

彈出後視窗是阻塞狀态,除非點選确定、取消或關閉按鈕,才繼續目前線程。

alert(‘警告’); 警告框

confirm(‘确定嗎’); 确定傳回true,取消或關閉傳回false

prompt(‘請輸入’); 确定傳回使用者在輸入框中輸入的字元串,否則傳回null,第二個參數可以指定文本框的預設值

前端3——BOM十二、BOM
前端3——BOM十二、BOM
前端3——BOM十二、BOM

(2)計時器

setTimeout()

setInterval()

(3)開新視窗,關閉視窗

open():參數分别為新視窗url位址、命名、新開視窗的屬性的鍵值對組合。

close():父視窗下操作w.close(); 目前子視窗操作window.close();。

var w=window.open("subwin.html","subwin","width=400,height=350,status=yes,resizable=yes");
w.close();
           

3、事件

屬性名 描述
load 文檔和所有圖檔加載完畢,確定資源加載完畢,再操作
unload 離開目前文檔,重新整理浏覽器或關閉目前浏覽器視窗
beforeunload 和unload類似,但它提供詢問使用者是否确定離開的機會
resize 拖動改變浏覽器視窗大小時
scroll 滾動條或滑鼠滾輪滾動浏覽器時