iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
1
自我挑戰組

JavaScript基礎介紹 for 30天系列 第 13

第十三天 JavaScript 物件模型 BOM

  • 分享至 

  • xImage
  •  

BOM (瀏覽器物件模型):
瀏覽器功能的核心,與網頁內容沒關係。 BOM,是 JavaScript 和瀏覽器溝通的窗口,JavaScript 可以透過 BOM 對瀏覽器進行各種操作,例如開啟及關閉視窗、改變視窗大小、計時器、取得位址之類的而 BOM 的核心是 window 物件,主要的屬性為 document, location, navigator, screen, history, frames。

Window?

就是全域物件,在全域作用範圍宣告的變數、物件、函式都會變成全域物件。這樣子的變數我們會稱為全域變數,我們可以透過 window 的方式拿到:

var a = 5
console.log( window.a ) //5

用上面方式宣告的變數,不可以使用 delete 關鍵字去刪除的:

var a = 5
console.log( window.a ) //5

delete window.a // false
console.log( window.a ) //5

但是如果是直接用 window 去指定屬性的就可以:

window.a = 5
console.log( window.a ) //5

delete window.a //true
console.log( window.a ) //undefined

對瀏覽器操作

前面我們提到 “可以透過 BOM 對瀏覽器進行操作” 那我們來看看怎樣操作吧!

window.alert (message);

這樣在開啟瀏覽器的時候就會跳出一個警告視窗,在 window 物件下的成員 window 是可以省略不打的。

window.confirm(message) //確定或取消視窗
window.prompt(message) //可以輸入內容的對話視窗

BOM 提供的 API 很多,今天就是介紹幾個比較常見的,有興趣的朋友可以在自己上網找看看。
今天就介紹到這邊囉~明天見 XD


上一篇
第十二天 JavaScript 到底是傳值還是傳址(下)
下一篇
第十四天 JavaScript 物件模型 DOM
系列文
JavaScript基礎介紹 for 30天24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言