1. 程式人生 > >JavaScript BOM物件(Window)

JavaScript BOM物件(Window)

BOM是瀏覽器的物件模型

BOM能夠操作瀏覽器視窗,提供導航物件,提供定位物件,提供跟螢幕相關的物件,提供對cookie的支援;

Window視窗尺寸(不包含工具欄和滾動條):

  1. window.innerHeight;--瀏覽器視窗的內部高度           window.innerWidth;--瀏覽器視窗的內部寬度
  2. document.documentElement.clientHeight高度
  3. document.body.clientHeight
window的其他方法:
  • window.open() - 開啟新視窗
  • window.close() - 關閉當前視窗
  • window.moveTo() - 移動當前視窗
  • window.resizeTo() - 調整當前視窗的尺寸 

系統對話方塊:
  • 訊息框alert("hello world");
  • 對話方塊:confirm('Are you sure');
  • 對話方塊,帶有文字框:prompt('你的名字是什麼?','Mike');
狀態列:
  • status:可以使狀態列的文字暫時改變
  • defaultStatus可在使用者離開當前頁面前一直改變該文字
時間間隔和暫停:
  • 暫停:是在指定的毫秒數後執行指定的程式碼.
setTimeout(要執行的程式碼,在執行他之前要等待的毫秒數); 例如: setTimeout("alert('hello')",1000); 表示在1秒後顯示這條警告
如果要取消還未執行的暫停,可呼叫clearTimeout(),並將暫停的ID傳給他
  • 時間間隔:是反覆執行指定的程式碼,每次執行之間需要等待的毫秒數

setInterval("要執行的程式碼",執行之間需要等待的毫秒數);

時間ID=setInterval("alter('hello')",1000);

用clearInterval(時間ID)阻止再次執行程式碼

歷史:

window物件的history屬性

go()方法只有一個引數,即前進或者後退的頁面數.負數,就在瀏覽器歷史中後退,正數,前進;

window.history.go(-1);window可以省略;返回前一頁 history.back();

history.go(1);前進一頁  history.forward();

history.length檢視歷史中的頁面數

Document物件:

Location物件:

Location 物件屬性(http://www.some-where.com/index#section1)

屬性 描述
hash 設定或返回從井號 (#) 開始的 URL(錨)。#section1
host 設定或返回主機名和當前 URL 的埠號。
設定或返回當前 URL 的主機名。省略www
href 設定或返回完整的 URL。
設定或返回當前 URL 的路徑部分。

/index#section1

port 設定或返回當前 URL 的埠號。
設定或返回當前 URL 的協議。http
設定或返回從問號 (?) 開始的 URL(查詢部分)。

Location 物件方法





Navigator物件:

包含大量有關web瀏覽器的資訊;

screen物件:

可以獲取某些關於使用者螢幕的資訊