一.概述:
事件是可以被JavaScript偵測到的行為。網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。相當於讓標簽在滿足某種條件的時候,調用指定的方法.

二.常用事件
1:onload事件:表示頁面上的其他元素全部加載完成之後,再執行指定的方法;
格式:
1)直接定義一個帶名稱的方法,在body標簽中,使用onload=”方法名()”;
2)寫在js文件中:
window.onload=function(){
Js代碼
}
註意事項:
一個頁面中只能使用一次onload事件;
Js中沒有方法重載的概念,只要方法名相同,就會覆蓋;

2.onclick事件:表示鼠標點擊的時候,會觸發指定的函數;(調用指定的方法);
1)在標簽的開始標簽中,直接寫onclick=”方法名()”
2)定在js文件中:
標簽對象.onclick = function(){
Js代碼
}

3:onfocus事件:表示輸入框獲取焦點的時候;執行的事件;

4:onblur事件:表示輸入框失去焦點的時候;執行的事件;

5.鼠標移入與移出事件:
onmouseover:鼠標移入;
onmouseOut:鼠標移出;

6.onchange 事件常用於輸入字段的驗證,內容改變時觸發;

7.getElementsByTagName()方法,得到數組對象.參數為"標簽名",如tr/input
getElementByTagName("tr"):獲取所有tr標簽對象;

8.getElementsByClassName根據class屬性值,獲取對應的標簽對象組成的數組;

9.document.createElement/document.createTextNode/appendChild
例子:
<script>
//創建新的 <p> 元素：
var para=document.createElement("p");
//向 <p> 元素添加文本，您必須首先創建文本節點。這段代碼創建了一個文本節點：
var node=document.createTextNode("這是新段落。");
//向 <p> 元素追加這個文本節點
para.appendChild(node);
</script>

JavaScript筆記5-事件