JavaScript BOM物件(Window)
阿新 • • 發佈:2019-01-29
BOM是瀏覽器的物件模型
BOM能夠操作瀏覽器視窗,提供導航物件,提供定位物件,提供跟螢幕相關的物件,提供對cookie的支援;
Window視窗尺寸(不包含工具欄和滾動條):
- window.innerHeight;--瀏覽器視窗的內部高度 window.innerWidth;--瀏覽器視窗的內部寬度
- document.documentElement.clientHeight高度
- document.body.clientHeight
- window.open() - 開啟新視窗
- window.close() - 關閉當前視窗
- window.moveTo() - 移動當前視窗
- window.resizeTo() - 調整當前視窗的尺寸
系統對話方塊:
- 訊息框alert("hello world");
- 對話方塊:confirm('Are you sure');
- 對話方塊,帶有文字框:prompt('你的名字是什麼?','Mike');
- status:可以使狀態列的文字暫時改變
- defaultStatus可在使用者離開當前頁面前一直改變該文字
- 暫停:是在指定的毫秒數後執行指定的程式碼.
- 時間間隔:是反覆執行指定的程式碼,每次執行之間需要等待的毫秒數
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物件:
可以獲取某些關於使用者螢幕的資訊