JavaScript中BOM對象原理與用法分析

本文實例講述了JavaScript中BOM對象原理與用法。分享給大家供大家參考，具體如下：

BOM(Browser Object Model) 是指瀏覽器對象模型，是用于描述這種對象與對象之間層次關系的模型，瀏覽器對象模型提供了獨立于內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成，其中代表瀏覽器窗口的Window對象是BOM的頂層對象，其他對象都是該對象的子對象。

博主是這么理解的，BOM對象指的是window對象，而window對象并不是JavaScript內置的對象，而是瀏覽器生成的對象。如果需要了解內置對象的話，可以翻閱我的另一篇博文。

BOM對象還分為以下這幾個子對象，說實話，圖有點丑，下面我將詳細的介紹一下這幾個子對象。

常用操作

window.alert('hello');//彈出警告框
window.confirm(text);//彈出確認對話框，返回布爾值
window.prompt(text,defaultstr);//彈出輸入框，并返回輸入內容
window.close();//關閉當前頁面
window.print();//打印操作

注意：在申明變量的時候，所有在最外層申明的變量（非函數中）都屬于window對象的屬性，比如。

<script>
var str = 'China';//最外層變量，就是window對象的屬性
console.log(str);//

常用屬性

appCodeName：內部代碼
appName：瀏覽器名稱
cookieEnabled：cookie是否可用
userAgent：用戶代理信息

常用屬性

host:主機名
href:地址鏈接，可以使用此屬性實現頁面跳轉
pathname:地址路徑
search：參數信息

頁面跳轉

window.location.;//頁面跳轉

屬性

length：歷史記錄的數目

常用方法

back()：后退一頁
forword()：前進一頁
go(num)：指定跳轉到哪一頁，如果參數是正數就代表向前翻一頁，如果是負數代表向后翻一頁

常用屬性

height：高度
width：寬度
availHeight：可用高度
availWidth：可用寬度

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com