JavaScript操作-BOM對象

標籤：inner   編譯   之一   inter   定時器   注意   .com   date   賦值   

瀏覽器物件模型是JavaScript的組成之一，它提供了獨立於內容與瀏覽器視窗進行互動的對象，使用瀏覽器物件模型可以實現與HTML的互動。

一、window對象

1、window對象是整個BOM的核心，是頂層對象。所有BOM對象都是window對象的子物件

使用BOM通常可實現如下功能：

　　01、彈出新的瀏覽視窗

　　02、移動、關閉瀏覽器視窗及調整視窗的大小

　　03、在瀏覽器視窗中實現頁面的前進、後退功能

2、常用屬性

　　history　　有關客戶訪問過的URL的資訊

　　location　　有關當前URL的資訊

　　screen　　唯讀屬性，包含有關用戶端顯示螢幕的資訊

 

　　文法：window.屬性名稱="屬性值"

 

3、常用方法

　　prompt()　　　　輸入對話方塊，　　01.第一參數是提示句　　02.第二參數是輸入框中的預設值，可以省略

　　alert()　　　　　警示對話方塊，　　　　只有一個確定按鈕　　　　

　　confirm()　　　　確認對話方塊，　　 　有“確定”和“取消”兩個按鈕，點擊確定傳回值為true、點擊取消按鈕傳回值為false

　　close()　　　　關閉瀏覽器視窗

　　open()　　　　開啟瀏覽器視窗，　　在新視窗開啟URL指定的文檔

　　setTimeout()　　延遲函數　　在一定延遲之後，只調用一次函數　　　　setTimeout("函數",毫秒數)

　　setInterval()　　周期函數　　每個一段時間調用某個函數　　　　setInterval("函數",毫秒數)

 

　　文法：window.方法名();　　　因為window對象是全域對象，所以可以省略window首碼。直接調用alert()等價於window.alert()

二、history對象

　　方法：01、back()　　載入history對象列表中的前一個URL

　　　　　02、forward()　　載入history對象列表中的後一個URL

　　　　　03、go()　　載入history對象列表中的某個具體的URL　　go(n)　　n為具體數字，n>0，向前數第n個頁面。n<0，向後數第n個頁面

三、location對象

1、屬性

　　host　　設定或返回當前主機名稱和連接埠號碼

　　hostname　設定或返回當前主機名稱　

　　href　　設定或返回完整的URL

　　hash　　返回url中#之後的所有內容

　　search　　返回url中?之後的所有內容

2、方法

　　reload()　　重新載入當前文檔

　　replace()　　用新的文檔替換當前文檔

四、document對象

1、屬性

　　referrer　　返回載入當前文檔的URL　　文法：document.referrer

　　URL　　返回當前文檔的URL　　　　　　文法：document.URL

2、方法

　　getElementById()　　返回對擁有指定id的第一個對象的引用

　　getElementsByName()　　返回有指定名稱（即name屬性）的對象的集合

　　getElementsByTagName()　　返回帶有指定標籤名的對象的集合

　　write()　　向文檔寫文本、HTML運算式或JavaScript代碼

 

3、擷取元素之後給元素賦值！

　　innerHTML :會把我們的文本編譯成html代碼
　　innerText ：把文本原樣輸出

五、JavaScript內建對象

1、Date對象

　　文法：var 日期執行個體=new Date(參數)

　　　　01：參數可以省略，無參數則返回當前日期和時間。　　var nowTime=new Date()

　　　　02：有參數時，參數是字串格式“MM DD, YYYY, hh:mm:ss”，表示日期和時間。　　如 var oneTime=new Date("July 15, 2013, 16:34:28")

　　常用方法：

　　　　getFullYear()　　返回年份，值為四位元、

　　　　getMonth()　　返回月份，其值為 0~11。注意：　　+1

　　　　getDate()　　返回一個月中的一天，其值為 1~31

　　　　getHours()　　返回小時數，其值為 0~23　　按24進位

　　　　getMinutes()　　返回分鐘數，其值為 0~59

　　　　getSeconds()　　返回秒數，其值為 0~59

　　　　getDay()　　返回星期中的一天，其值為0~6　　其中0代表星期日

　　　　getTime()　　返回自某一時刻（1970年1月1日）以來的毫秒數

2、Math對象

　　Math對象是JavaScript的一個全域對象，不需要建立，可以直接調用其屬性和方法

　　常用方法：

　　　　ceil()：上舍入 (天花板函數)　　Math.ceil(25.3)返回26　　Math.ceil(-25.7)返回-25

　　　　floor()：下舍入　　Math.ceil(25.7)返回25　　Math.ceil(-25.3)返回-26

　　　　round()：四捨五入　　Math.ceil(25.7)返回26　Math.ceil(25.3)返回25　　Math.ceil(-25.7)返回-26　Math.ceil(-25.3)返回-25

　　　　random()：返回0~1的隨機數　　前閉後開

六、周期函數

1、 setTimeOut("調用的函數名",等待的毫秒數)

　　clearTimeOut();清除setTimeOut()設定的定時器

　　例子：var t1=setTimeOut("alert(‘3 秒‘)",3000);

　　　　　clearTimeOut(t1);//清除定時器

2、 setInterval("調用的函數名",周期間隔的毫秒數)

　　clearInterval();清除setInterval()設定的定時器

　　應用類似setTimeOut()定時器

JavaScript操作-BOM對象