1. 程式人生 > >JavaScript(二):對象、註釋、事件!

JavaScript(二):對象、註釋、事件!

設計 對象 註釋 屬性 網頁 建議 產生 iyu .get

  對象
  
  JavaScript的一個重要功能就是面向對象的功能,通過基於對象的程序設計,可以用更直觀、模塊化和可重復使用的方式進行程序開發。
  
  一組包含數據的屬性和對屬性中包含數據進行操作的方法,稱為對象。比如要設定網頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍色。
  
  註釋
  
  JavaScript 註釋[4]不會被執行,所以我們可以添加註釋來對 JavaScript 進行解釋,或者提高代碼的可讀性。
  
  單行註釋:
  
  單行註釋以 // 開頭,比如:
  
  // 輸出標題:
  
  document.getElementById("myH1").innerHTML="歡迎來到我的主頁";
  
  // 輸出段落:
  
  document.getElementById("myP").innerHTML="這是我的第一個段落。";
  
  多行註釋:
  
  多行註釋以 /* 開始,以 */ 結尾,例子:
  
  /*
  
  下面的這些代碼會輸出
  
  一個標題和一個段落
  
  並將代表主頁的開始
  
  */
  
  document.getElementById("myH1").innerHTML="歡迎來到我的主頁";
  
  document.getElementById("myP").innerHTML=yongshiyule178.com"這是我的第一個段落。";
  
  除此之外,我們還可以通過註釋功能來阻止碼塊的執行(可用於調試),比如:
  
  //document.getElementById("myH1")www.dasheng178.com.innerHTML=www.dongfan178.com "歡迎來到我的主頁";
  
  document.getElementById("myP")www.xgll521.com.innerHTML="這是我的第一個段落。";
  
  事件
  
  用戶與網頁交互時產生的操作,稱為事件。事件可以由用戶引發,也可能是頁面發生改變,甚至還有你看不見的事件(如Ajax的交互進度改變)。絕大部分事件都由用戶的動作所引發,如:用戶按鼠標的按鍵,就產生click事件,若鼠標的指針在鏈接上移動,就產生mouseover事件等等。在JavaScript中,事件往往與事件處理程序配套使用。
  
  而對事件的處理,W3C的方法是用addEventListener()函數,它有三個參數:事件,引發的函數,是否使用事件捕捉。為了安全性,建議將第三個參數始終設置為false
  
  傳統的方法就是定義元素的on…事件,它就是W3C的方法中的事件參數前加一個“on”。而IE的事件模型使用attachEvent和dettachEvent對事件進行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段,但是傳統綁定只支持冒泡事件。

JavaScript(二):對象、註釋、事件!