HTML DOM(文檔對象模型)
當頁面被加載時，瀏覽器會創建頁面相應的文檔對象模型
1. 查找元素
通過id: var x = document.getElementById('intro');
通過標籤：var x = document.getElementByTagNam();
通過類名：通過類名查找在IE 5，6，7，8中無效
2. 改變html內容： document.getElementById(id).innerHTML = new Html;
改變屬性值：document.getElementById(id).attribute = new Value; // document.getElementById(id).src = 'a.jpg'
改變css值：document.getElementById(id).style.property = new style; //.....style.color = 'red'
3. <h1 onclick="this.innerHTML="謝謝""></h1>
<h1 onclick="changeTxt()"></h1>
<script>
document.getElementByTagName(h1).onclick = function(){]
<script>
4. onload,onunload 事件會在用戶進入或離開頁面時被觸發
5. onmouseovr,onmouseout 鼠標移至上面，鼠標移開時被觸發
6. onmousedown,onmouseup 構成了鼠標點擊事件，當鼠標點擊下去的時候，down被觸發，
當釋放鼠標按鈕時，觸發up事件，當完成鼠標點擊時，觸發click事件
7. 創建對象實例,並且爲該對象添加三個屬性：
my_object = new Object();
my_object.name = 'belle';
my_object.age = '18';
my_object.height = '160';
或者 my_object = { name : 'belle', age: '18', height: '160'}
或者我們可以使用對象構造器來創建不同的對象實例：
function getObject( name , age, height ){
this.name = name; this.age = age; this.height = height;
}
var my_object1 = new getObject( 'xiaoming', 20, 170 );
var my_object2 = new getObject( 'xiaozhang', 10, 120 );
8. 給對象添加一個方法
function getObject( name , age, height ){
this.name = name; this.age = age; this.height = height;
this.changeName = changeName( name );
}
function changeName(name){
this.name = name;
}
這樣my_object2實例對象就擁有了changeName方法；
9. 數字對象：javascript數字只有一種類型，沒有浮點型、整型之分
10. new Date() 自動獲取當前時間和日期作爲初始值
11. cookies:
cookies是存儲於計算機的一個變量，當一臺計算機通過瀏覽器請求某個頁面時，就會發送這個cookie，
可以通過javascript來創建和獲取cookies的值