網頁的 onload event 是什麼

網頁的使用流程概括可以看成是當我們開啟一個網頁的網址(url),然後網頁內的所有資料就透過有線或無線網路下載到電腦中,透過瀏覽器的重新組合就成為我們常看的網頁,這個流程看似簡單,其實可以暗藏玄機唷!很多的互動功能或監測功能都可以在這短短的網頁載入時間完成,當網頁在載入的時候,瀏覽器也可以觸發某段 JavaScript 來做些特效,例如聖誕節快到了,有些網頁會在載入時開始下雪,讓整個網頁有聖誕節的氣氛。

這種載入時觸發下雪特效的功能可以透過 onload event(事件)來觸發,所謂的觸發就像是一個開關,當發生某種特定的事情時,就自動讓某段 JavaScript 特效開始跑,例如下雪特效開始執行,當然,網頁設計師應該要先把下雪特效寫成一個 function 等著 onload 觸發。

onload event 可以寫在 HTML body tag 裡,也可以直接寫在開頭的 javascript 語法內,如果要寫在 javascript 的語法區塊內,盡量寫在網頁的上面,HTML body tag 上方,不要寫在網頁尾端,要不然會等整個網頁載入完成後才會觸發下雪的 javascript function。

如果要將 onload event 寫在 body tag 內,可以這樣寫
<body onload="Javacript Function">
網頁內容
</body>
其中的  Javacript Function就是要被 onload event 觸發的函數,比較清楚的用法可以參閱 Wibibi 以下這兩篇內容,都有許多範例可以參考。
  1. onload 事件:http://www.wibibi.com/info.php?tid=388
  2. JavaScript event 事件:http://www.wibibi.com/info.php?tid=384
JavaScript 其實有很多不同的 event 可以使用,通常這些 event 都是用來監控一些特殊的網頁行為,例如網友在做法些動作時,讓 event 去監聽到,就能藉此觸發許多預先設計好的 function,網頁互動特效就這樣設計出來囉!

留言

這個網誌中的熱門文章

今天來學英文單字,風景英文寫法

不知道怎麼回事,家中的桂花得了白粉病?

你搞得清楚什麼是4G LET嗎