天天看點

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

<a href="http://files.jb51.net/file_images/article/201409/2014093009570524.gif" target="_blank"></a>

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

BOM(浏覽器對象模型,Browser Object Model),即可以将浏覽器的各個部分抽象成對象在JavaScript中進行調用和完成特定的功能。比如對曆史記錄,位址欄,整個視窗等都可以進行操作。

<a></a>

調用方法時,可以使用"_name()"或者_name,不可以"_name"這樣調用。

closed:傳回視窗是否已被關閉。

document:對 Document 對象的隻讀引用。請參閱 Document 對象。

location:用于視窗或架構的 Location 對象。請參閱 Location 對象。

Navigator:對 Navigator 對象的隻讀引用。請參數 Navigator 對象。

opener:傳回對建立此視窗的視窗的引用。

parent:傳回父視窗。

screen:對 Screen 對象的隻讀引用。請參數 Screen 對象。

self:傳回對目前視窗的引用。等價于 Window 屬性。

status:設定視窗狀态欄的文本。

top:傳回最頂層的先輩視窗。

window:window 屬性等價于 self 屬性,它包含了對視窗自身的引用。

alert():顯示帶有一段消息和一個确認按鈕的警告框。

confirm():顯示帶有一段消息以及确認按鈕和取消按鈕的對話框。

prompt():顯示可提示使用者輸入的對話框。

open():打開一個新的浏覽器視窗或查找一個已命名的視窗,通過傳回值為子視窗對象,子視窗通過opener傳遞資料。

showModalDialog():打開一個新的浏覽器模式視窗,通過參數和傳回值傳遞資料。

close():關閉浏覽器視窗。

focus():把鍵盤焦點給予一個視窗。

blur():把鍵盤焦點從頂層視窗移開。

setInterval():按照指定的周期(以毫秒計)來調用函數或計算表達式。

clearInterval():取消由 setInterval() 設定的 timeout。

setTimeout():在指定的毫秒數後調用函數或計算表達式。 

clearTimeout():取消由 setTimeout() 方法設定的 timeout。

frames[]:傳回視窗中所有命名的架構。[]中可以是索引,也可以是name。

self指代本視窗,和window相同,parent指代父視窗,top指代頂層視窗。結構如圖:

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

父子傳值-父.html:

父子傳值-子.html:

效果:

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

新視窗-父:

新視窗-子:

點選“請選擇城市”彈出新網頁,選擇城市後新網頁自動關閉,并将城市顯示在原網頁中。

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

appName:傳回浏覽器的名稱。

appVersion:傳回浏覽器的平台和版本資訊。

cookieEnabled:傳回指明浏覽器中是否啟用 cookie 的布爾值。

platform:傳回運作浏覽器的作業系統平台。

width:傳回螢幕寬度。

height:傳回螢幕高度。

back():加載 history 清單中的前一個 URL。

forward():加載 history 清單中的下一個 URL。

go():加載 history 清單中的某個具體頁面。

href:設定或傳回完整的 URL。

reload():重新加載目前文檔。

跳轉到相關網頁。

定時器是Window對象中的方法,可以進行時間上的設定,在特定時間或者每隔一段時間運作特定功能。

setInterval(code, millisec)

code(必須):要調用的函數或要執行的代碼串。

millisec(必須):周期性執行或調用 code 之間的時間間隔,以毫秒計。

clearInterval(id_of_setinterval)

id_of_setinterval:由 setInterval() 傳回的 ID 值。

setTimeout():在指定的毫秒數後調用函數或計算表達式。

setTimeout(code, millisec)

code(必需):要調用的函數後要執行的 JavaScript 代碼串。

millisec(必需):在執行代碼前需等待的毫秒數。

clearTimeout():取消由 setTimeout() 方法設定的 timeout。clearTimeout(id_of_settimeout)id_of_settimeout:由 setTimeout() 傳回的 ID 值。該值辨別要取消的延遲執行代碼塊。

注意:

setTimeout()隻在指定時間後調用一次function,若想要循環多次調用,請使用遞歸。

随機數顯示

效果(點選一次抽獎,再次點選停止)

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

onclick:當使用者點選某個對象時調用的事件句柄。

ondblclick:當使用者輕按兩下某個對象時調用的事件句柄。

onmousedown:滑鼠按鈕被按下。

onmousemove:滑鼠被移動。

onmouseout:滑鼠從某元素移開。

onmouseover:滑鼠移到某元素之上。

onmouseup:滑鼠按鍵被松開。

clientX:傳回當事件被觸發時,滑鼠指針的水準坐标。

clientY:傳回當事件被觸發時,滑鼠指針的垂直坐标。

onkeydown:某個鍵盤按鍵被按下。

onkeypress:某個鍵盤按鍵被按下并松開。

onkeyup:某個鍵盤按鍵被松開。

onload:一張頁面或一幅圖像完成加載。

onunload:使用者退出頁面。

onfocus:元素獲得焦點。

onblur:元素失去焦點。

輸入框驗證[正則驗證在chrome,IE11中出現問題]

效果

JavaScript——BOM知識BOM概述BOM對象 其他BOM對象 定時器 事件(Event對象)

onsubmit:送出按鈕被點選。

onreset:重置按鈕被點選。

onsubmit和onreset都是針對表單說的,是以要寫在表單标簽内。

onsubmit和onreset事件調用格式必須是 return 方法名。

onsubmit的方法必須有個傳回值。

onchange:使用者改變域的内容。

<a href="http://blog.51cto.com/search/result?q=BOM" target="_blank">BOM</a>

繼續閱讀