注意：是 document.getElementById("...")
還有 document.getElementsByTagName
擁有同一標簽的可能游很多個dom元素，所以是用element.

注意事項：

1.當使用dom對元素進行樣式的設置時，屬性是-連接的形式時，必需用其駝峰形式來代替。
譬如下圖：在css中應該是font-weight,應該改成fontWeight.

改變命名.png

2. innerHTML屬性的應用：

3. html事件：
   格式：<tag 事件=“執(zhí)行腳本（也可以封裝的函數(shù)）">
   事件包括很多：鼠標事件等等。
   給元素綁定了事件，這個事件觸發(fā)的函數(shù)里面的this 指的就是這個元素（div...)

   
   
   html事件.png

4. DOM0級事件:
   獲取元素，ele.事件=執(zhí)行腳本
   注意：這里如果是要調(diào)用函數(shù)的話函數(shù)之后不用加括號，不然一打開頁面函數(shù)就會自動運行了。

   
   
   DOM0級事件.png

5. onload：頁面加載時觸發(fā)
   onfocus:獲得焦點
   onblur：失去焦點
   onchange:一般作用于select,checkbox,radio(判斷this.value)

   onmousedown+onmouseup=onclick(按下+松開）
   onkeyup+onkeydown=keypress（鍵盤事件）

6. BOM對象
   所有的全局變量和全局方法都歸在window對象上。
   alert,prompt,confirm需要換行可以用\n來換行。

   1. window.open(打開新窗口）
   2. 定時器（超時調(diào)用，間歇調(diào)用）

   • 超時調(diào)用：setTimeOut(要實現(xiàn)的js的代碼，幾毫秒后執(zhí)行相應操作）

   • setTimePOut方法返回一個ID值，通過它取消超時調(diào)用。通過clearTimeOut(id_of_settimeout)

   • 間歇調(diào)用：setInterval(要實現(xiàn)的js代碼，幾毫秒的間歇的進行相應的操作）
     相應的通過clearInterval（相應的Js代碼，id_of_setInterval)來清除掉相關的調(diào)用。
     看下面的代碼

     
     
     定時器.png
   3. location
   • location.href:返回當前頁面加載的url;
   • location.hash:返回URL中的hash(#號后跟0或者其他字符）
     相關屬性：
   • location.href='window.open.html';
     location.replace('window.open.html');
     location.replace='window.open.html';
     location.href('window.open.html');
     上面四個句子都是等效的。不過 location.href有歷史記錄， location.replace沒有歷史紀錄。
     4.history 對象
   • history.back ==history.go(-1)
     history(-x)也就是回到歷史紀錄的前x步
   • history.forward ==history.go(1)
     history(x)回到歷史紀錄的后x步

5.screen對象

screen.png

6.navigatior對象

• 使用瀏覽器的userAgent屬性可以知道當前使用的是那個瀏覽器，以及是在PC端還是在手機端。

彈出錯誤：Maximum call stack size exceeded（棧溢出）
可能用了遞歸，但是沒有判斷