Python學習（二十二）—— 前端基礎之BOM和DOM

標籤：art   對話方塊   版本   對話   使用者輸入   一個   obj   屬性   blog   

轉載自http://www.cnblogs.com/liwenzhou/p/8011504.html

一、前言

到目前為止，我們已經學過了JavaScript的一些簡單的文法。但是這些簡單的文法，並沒有和瀏覽器有任何互動。

也就是我們還不能製作一些我們經常看到的網頁的一些互動，我們需要繼續學習BOM和DOM相關知識。

JavaScript分為 ECMAScript，DOM，BOM。

BOM（Browser Object Model）是指瀏覽器視窗物件模型，頂級對象是window。

DOM （Document Object Model）是指文件物件模型，並非一個對象。

window、document都是一個執行個體對象，他們都屬於Object，表示瀏覽器中開啟的視窗。

Window對象是用戶端JavaScript最高層對象之一，由於window對象是其它大部分對象的共同祖先，在調用window對象的方法和屬性時，可以省略window對象的引用。例如：window.document.write()可以簡寫成：document.write()。

 

二、window對象

window 對象表示一個瀏覽器視窗。

在用戶端 JavaScript 中，Window 對象是全域對象，所有的運算式都在當前的環境中計算。也就是說，要引用當前視窗根本不需要特殊的文法，可以把那個視窗的屬性作為全域變數來使用。例如，可以唯寫 document，而不必寫 window.document

同樣，可以把當前視窗對象的方法當作函數來使用，如唯寫 alert()，而不必寫 Window.alert()。

alert()            顯示帶有一段訊息和一個確認按鈕的警告框。setInterval()      按照指定的周期（以毫秒計）來調用函數或計算運算式。clearInterval()    取消由 setInterval() 設定的 timeout。setTimeout()       在指定的毫秒數後調用函數或計算運算式。clearTimeout()     取消由 setTimeout() 方法設定的 timeout。scrollTo()         把內容滾動到指定的座標。confirm()          顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。prompt()           顯示可提示使用者輸入的對話方塊。open()             開啟一個新的瀏覽器視窗或尋找一個已命名的視窗。close()            關閉瀏覽器視窗。

幾個例子：

// 每隔一段時間就執行一次相應函數var timer = setInterval(function(){console.log(123);}, 3000)// 取消setInterval設定clearInterval(timer);// 在指定時間之後執行一次相應函數var timer = setTimeout(function(){alert(123);}, 3000)// 取消setTimeout設定clearTimeout(timer);

 

三、window的子物件　　1.navigator對象

瀏覽器對象，通過這個對象可以判定使用者所使用的瀏覽器，包含了瀏覽器相關資訊。

navigator.appName　　// Web瀏覽器全稱navigator.appVersion　　// Web瀏覽器廠商和版本的詳細字串navigator.userAgent　　// 用戶端絕大部分資訊navigator.platform　　　// 瀏覽器運行所在的作業系統

　　2.screen對象

螢幕對象，不常用。

　　3.history對象

瀏覽曆史對象，包含了使用者對當前頁面的瀏覽曆史，但我們無法查看具體的地址，可以用來前進或後退一個頁面。

history.forward()  // 前進一頁history.back()  // 後退一頁history.go(n)  //  前進n頁

　　4.location對象

location.href  擷取URLlocation.href="URL" // 跳轉到指定頁面location.reload() 重新載入頁面

 

Python學習（二十二）—— 前端基礎之BOM和DOM