JavaScript中常談的對象

爲瀏覽器編寫代碼時，總少不了window對象

window對象表示JavaScript程序的全局環境

同時

也表示應用的主窗口

---

 

處處都是對象

---

 

window對象

經常使用的屬性和方法介紹

location

　　包含頁面的URL，若是改變這個屬性，瀏覽器會訪問新的URL

status

　　包含將在瀏覽器狀態去顯示的一個串。通常在瀏覽器左下角

onload：

　　包含了須要在頁面徹底加載後調用的函數

document：

　　包含DOM

alert方法：

　　顯示一個提醒

prompt方法：

　　相似於alert，不過會從用戶那獲得信息

open

　　打開一個新窗口

close

　　關閉窗口

setTimeout：

　　指定的時間間隔後調用一個處理函數

setlnterval

　　以一個指定的時間間隔反覆調用一個處理函數

談談window.onload

 經過向window的onload屬性指定一個函數，能夠確保在頁面加載和DOM徹底創建以前不會運行代碼。

 用於改變DOM的函數

1 window.onload = function(){
2      //code here 
3  }
4  //function是一個匿名函數，賦給onload

　

　咱們之因此不說window.inload = init(),是由於咱們不是調用函數，而是要使用它的值。

　將一個函數的值賦給window對象的inload屬性，讓它在頁面加載完後，執行。

　

　建立window.onload處理程序有兩種方法-----使用函數名和使用匿名函數。

　這兩種方法基本上都會作同一件事，但若是賦給window.onload的函數還要在別處使用，則選擇使用函數名

　

---

 

document對象

經常使用的屬性和方法介紹

domain：

　　提供文檔的服務器的域，如kelion.com.

title:

　　經過document.title，能夠得到文檔的標題

URL：

　　文檔的URL

getElementById方法：

　　根據元素id獲取這個元素

getElementsByTagName，

getElementsByClassName：

　　這兩個方法相似前一個，只不過他們使用標記和類來獲取元素

createElement：

　　建立適合包含在DOM中的新的元素

談談createElement

1  //建立<li>元素，
2  var li = document.createElement("li"); 
3  //給剛建立的元素賦值
4  li.innerHTML = "songName";
5  //獲取<ul>元素
6  var ul = document.getElementById("playlist")
7  //把<li>元素增長到ul中
8  ul.appendChild(li)

注：在進行第8行代碼前，li元素始終都是獨立於DOM以外的

---

 

元素對象

經常使用的屬性和方法介紹：

innerHTML：

　　包含元素的內容

childElementCount：

　　保存元素的個數

firstChild

　　第一個子元素

appendChild方法：

insertBefore方法：

　　用於插入元素，做爲一個元素的子元素

getAttribute方法

setAttribute方法

　　使用者兩個方法來設置和獲取元素中的屬性：如「src」，「id」，「class」等

 

最後來了解下button對象

button對象有一個常常用的屬性：

　　　　onclick（用於監聽一個按鈕是否被按下了）。　

1  var button = document.getElementById("Button"); //button只是一個變量名，能夠是button1，button2等等，但本質是一個按鈕 2  button.onclick = handleButtonClick;