iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 20
1
自我挑戰組

Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記系列 第 20

Day20. 來點播一首《林檎殺人事件》好了

本日閱讀進度:第九章 非同步程式設計(391~419頁)

  1. document.getElemtntsByTagName
    document.getElemtntsByTagName的運作方法和document.getElementById很像,只是它是以標記名稱(tag)來取得元素。由於一個HTML中該tag可能有很多個,所以此方法可能回傳多個元素。它實際上會回傳一個稱為NodeList的物件,但可以把它視為陣列。

  2. 事件物件的運作原理
    假設點擊了一個圖像,會引發一個單擊事件,因而導致一個事件物件被建立,然後事件物件會被傳遞給事件處理程序。
    事件物件包含了與事件有關的一般資訊和事件特有的資訊。特有資訊取決於事件的類型,一般資訊則包含用於保存址參器的target屬性。

  3. 事件與佇列
    瀏覽器會維護一個事件佇列,而且會在幕後不斷從佇列中取出事件,並透過替事件叫用適當的事件處理程序來處理這些事件。由於瀏覽器在處理這些事件時,一次只會處理一個,所以需要讓處理程序簡單而有效率,否則會使瀏覽器的執行速度變慢。

  4. 常見的事件

  • click:當你在網頁中做單擊動作時產生。
  • load:當瀏覽器完成網頁的載入工作時產生。
  • mousemove:當滑鼠游標移到一個元素上時產生。
  • mouseover:當把滑鼠放在一個元素上時產生。
  • keypress:當壓下一個按鍵時產生。
  • dragstart:拖曳頁面中一個元素時產生。

嗯,已經到了不知道自己在寫什麼的地步,果然我跟JavaScript相性不合啊(哭著逃跑)
但剩下的10天還是會努力撐下去的(握拳)

ps.標題沒有意義,可以忽略,但也可解讀為筆者(Apple)看JavaScript已經看到很想殺人了XD

本文同步發表於cichen


上一篇
Day19. 同步和非同步傻傻分不清?
下一篇
Day21. 函式宣告和函式運算式
系列文
Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言