前端基礎之BOM

2022-09-21 07:24:11 字數 2037 閱讀 9172

bom簡介

bom(browser object model)是指瀏覽器物件模型,它使 j**ascript 有能力與瀏覽器進行「對話」。

bom操作

window.open()                 -開啟新視窗

window.close() -關閉當前視窗

history.forward() //前進一頁

history.back() //後退一頁

location.href 獲取url

location.href="

url" //跳轉到指定頁面

彈出框

可以在 j**ascript 中建立三種訊息框:警告框、確認框、提示框。

1、警告框

警告框經常用於確保使用者可以得到某些資訊。

語法:

alert("

你看到了嗎?

");

2、確認框

提示框經常用於提示使用者在進入頁面前輸入某個值。如果使用者點選確認,那麼返回值為 true。如果使用者點選取消,那麼返回值為 false。

語法:

confirm("

你確定嗎?

")

3、提示框

提示框經常用於提示使用者在進入頁面前輸入某個值。如果使用者點選確認,那麼返回值為輸入的值。如果使用者點選取消,那麼返回值為 null。

語法:

prompt("

請在下方輸入

","你的答案

")

計時相關

通過使用 j**ascript,我們可以在一定時間間隔之後來執行**,而不是在函式被呼叫後立即執行。我們稱之為計時事件。

1、settimeout()

語法:

var t=settimeout("

js語句

",毫秒)

settimeout() 方法會返回某個值。在上面的語句中,值被儲存在名為 t 的變數中。假如你希望取消這個settimeout(),你可以使用這個變數名來指定它。

2、cleartimeout()

語法:

cleartimeout(settimeout_variable)
例子:

//在指定時間之後執行一次相應函式

var timer = settimeout(function(), 3000)

//取消settimeout設定

cleartimeout(timer);

3、setlnterval()

setinterval() 方法可按照指定的週期(以毫秒計)來呼叫函式或計算表示式。setinterval() 方法會不停地呼叫函式,直到 clearinterval() 被呼叫或視窗被關閉。由 setinterval() 返回的 id 值可用作 clearinterval() 方法的引數。

語法:

setinterval("

js語句

",時間間隔)

4、clearlnterval()

clearinterval() 方法可取消由 setinterval() 設定的 timeout。clearinterval() 方法的引數必須是由 setinterval() 返回的 id 值。

語法:

clearinterval(setinterval返回的id值)
例子

//每隔一段時間就執行一次相應函式

var timer = setinterval(function(), 3000)

//取消setinterval設定

clearinterval(timer);

前端基礎之BOM和DOM

bom browser object model 是指瀏覽器物件模型,它使 j ascript 有能力與瀏覽器進行 對話 dom document object model 是指文件物件模型,通過它,可以訪問html文件的所有元素。一 window的子物件 n igator物件 n igator.u...

前端基礎(十八 BOM)

bom是瀏覽器物件模型的縮寫,它允許js與瀏覽器對話。bom主要用於管理視窗與視窗之間的通訊,故它的核心物件是window。bom提供了一些訪問視窗物件的一些方法,更重要的是它還提供了乙個訪問html頁面的一入口 document物件,通過document物件我們可以操縱dom元素完成更多更強大的功...

前端知識之BOM和DOM

window的子物件 了解 計時器相關 dom間接查詢 節點操作 新增節點 var imgele document.createelement img imgele.setattribute src var d1ele document.getelementbyid d1 刪除節點 替換節點 屬性節...