JavaScript
BOM
- 定義
-
Borwse Object Model 瀏覽器對象模型
- DOM:操作當前文檔中的節點
- BOM:操作當前瀏覽器本身的一些屬性
- Window 對象
-
BOM的核心對象是window,它表示瀏覽器的一個實例
- 所有 JavaScript 全局對象、函數以及變量均自動成爲 window 對象的成員。
- 甚至 HTML DOM 的 document 也是 window 對象的屬性之一
- Window Location
-
BOM的核心對象是window,它表示瀏覽器的一個實例
- window.location 對象用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。
- location 對象的屬性
- location.hostname 返回 web 主機的域名
- location.pathname 返回當前頁面的路徑和文件名
- location.port 返回 web 主機的端口 (80 或 443)
- location.protocol 返回所使用的 web 協議(http:// 或 https://)
- location 對象的方法
- assign() 跳轉到指定頁面,與href等效;
- reload() 重載當前URL;
- replace() 用新的URL替換當前頁面;
- Window History
-
window.history 對象包含瀏覽器的歷史
- history對象的屬性
- length history對象中的記錄數;
- history對象的方法
- history.back() - 與在瀏覽器點擊後退按鈕相同
- history.forward() - 與在瀏覽器中點擊向前按鈕向前相同
- history.go(num) - 瀏覽器在history對象中向前(-x)或向後(x)
BOM內置函數
- alert、confirm、prompt
-
彈出提示框
- alert僅僅只是彈出提示框,沒有任何返回值,沒有後續
- confirm:彈出後,當你點擊相應按鈕會得到相應結果(是->true 取消->false)
- prompt:彈出可輸入內容的提示框
- 如果說點擊的是確定,返回的結果當前你輸入的內容
- 如果說點擊的是取消,返回的是null
open方法
:- 可以導航到一個特定的URL,也可以打開一個新的瀏覽器窗口
- 語法
- open(URL,name,features,replace)
- 如果說點擊的是取消,返回的是null
- 參數
- URL:要加載的URL;
- Name:窗口的名稱或窗口目標;
- Features:一個特定字符串
- Replace:一個表示新頁面是否取代瀏覽器記錄中當前加載頁面的布爾值;
- open(‘http://www.baidu.com’,’_parent’);
- open(‘http://www.baidu.com’,‘baidu’,‘width=400,height=400,top=200,left=200,toolbar=yes’);
- 可以設置當前彈出新窗體的特徵屬性:寬高和偏移量
- open和a標籤跳轉本質的區別
- open彈出來的新窗體和原來的父窗體是有關聯的
- open()本身返回window對象,父窗體可以操作返回的新窗體的dom對象
- 新窗體opener屬性值是父窗體,新窗體可以操作返回的父窗體的dom對象
- 不要混淆方法 Window.open() 與方法 Document.open(),這兩者的功能完全不同。爲了使代碼清楚明白,請使用 Window.open(),而不要使用 open()。
頁面跳轉的方式:open方法、location.href方式
:
計時器
- setInterval:定時啓動指定函數,並循環執行
-
:
- 參數
- 指定函數
- 時間毫秒單位
- clearInterval:停止定時器setInterval
setTimeout:定時啓動指定函數,只執行一次
:- 參數
- 指定函數
- 時間毫秒單位
- clearTimeout:停止定時器setTimeout