腦爸打 Compbrother : JavaScript Events小教學參考

 腦爸打 Compbrother : JavaScript Events小教學參考

腦爸打 Compbrother : JavaScript Events小教學參考

小知識教學類型: 網頁設計、網站製作

網站html中，經常都會有不同的事件(Event)會發生，例如某個按紐被按了? 某個輸入格中的值有所變動了? 當這些事件(Event)發生時或發生後，可能網頁程式員都會想因應這些事件(Event)而作出一些反應，這時JavaScript Events就可以大派用場了!

例子:
button onclick="this.innerHTML = Date()" 可查看現在的時間是?

另外其它常見的html events 還包括:
onchange: HTML element有所改變?
onclick: 用戶曾按某HTML element?
onmouseover: 用戶的滑鼠曾指向某HTML element?
onmouseout: 用戶的滑鼠曾離開某HTML element?
onkeydown: 用戶曾按下鍵盤中的鍵?
onload: 當瀏覽器已運載完某頁面?



如需協助 「網頁設計、網站製作」 ，歡迎立即 聯絡我們!


https://www.compbrother.com/article/view.php?article_id=72

此網誌的熱門文章

脑爸打有限公司

圖片
CompBrother Limited 腦爸打有限公司」由兩名香港中文大學電子計算學系  (ComputerScience)    的優秀碩士，於 2010 年所創立。 憑著對電腦及資訊科技的熱誠，公司致力為社會各界人士提供最全面性、 最實惠 、最優質的電腦 / 資訊科技服務， 當中包括 專業網站及系統程式製作、超強功能網站平台系統製作、手機應用程式 (Mobile Apps) 開發、時尚多媒體設計 、專業短片 Video 製作 、伺服器 Server 租用 、 皇牌團購網站製作、 電子商貿及網上商店、 IT 電腦補習、超強網絡宣傳及營銷等專業 IT 服務。 '
閱讀更多

JavaScript Booleans - 判斷網頁程式運算的對錯

圖片
 JavaScript Booleans - 判斷網頁程式運算的對錯 小知識教學類型: 網頁設計、網站製作 人類世界的對錯是一個十分複雜的課題，當中可以涉及倫理道德亦可以涉及世界各地不同的行為規範，或有些地方更是位處中間的灰色地帶，總而言之，人類實體世界的對錯並沒有劃一的標準線。但對於網頁程式世界的對錯，則簡單得多了，對錯完完全全視乎於數理邏輯的推論! Boolean(): 返回對(TRUE) 或錯 (FALSE), 例如 Boolean(3 > 1) 會返回 對(TRUE)，而 Boolean(1 > 6) 則會返回 錯 (FALSE) 關於條件性(Conditions)的比較(Comparisons)可分為以下常用的三類: == 等於 > 大於 < 少於 在 JavaScript網頁程式的世界中，所有事物只要有著值(Value)都是對(TRUE)，而相反沒有值(Value)都是錯 (FALSE)，例如0, -0, 沒有值的字串(empty string)等等 因著而要，有些網頁程式員會把 JavaScript Booleans 當成是 Object去使用但切記數點: - JavaScript Booleans Object 無需去 new 去創建 - JavaScript Booleans Object 之間的比較永遠返回 錯 (FALSE) 網頁程式世界的運算對錯十分重要，可連貫程式運算的邏輯及可減少程式網寫時的bug ! 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !
閱讀更多

3個速效 Google Yahoo SEO 優化小技巧 (中篇)

圖片
  3個速效 Google Yahoo SEO 優化小技巧 (中篇) 小知識教學類型: SEO搜尋引擎優化 Google Yahoo SEO 的優化技巧，把搜尋排名提升，可以試行的方法當然多如繁星，但以基本功來說(像是打功夫必需要學的扎馬)，以下為3個必需要懂的速效 Google Yahoo SEO 優化小技巧: 1) Img Alt 影響著Google / Yahoo / Bing 的搜尋引擎排名，文字固然重要，但其實圖片也十分之重要! 什麼? 圖片都可以包含文字? 是的，HTML架構中，容許每張網站中的圖片都可以加上輔助陳述文字，像是image caption去解說這張展示中的圖片。做法也很簡便，在 Html 中你可藉著 img 的 alt，編寫此圖片的描述，通常不好超過15字，當中可突顯 1 – 3 個關鍵字。而且，Img Alt亦會同時有助於Google / Yahoo / Bing 搜尋引擎的圖片檢索功能。 2) 忌用傳統 HTML tag 時間過得飛快，我們熟識的html其實也升級了很多代了。若現時我們仍採用著舊版的 html Tag (e.g. table)，不但妨礙於新瀏覽器 (Browser)的外觀展示，仍會影響著Google / Yahoo / Bing 的搜尋引擎排名 。所以建構網站時，應查看較新的 html tag 版本，忌用傳統過時的 HTML tag。 3) CSS 放置在獨立 css 檔案中 想像一下你的家居，若擺設得宜有序，你都會容易地找出你想尋覓的東西。網站也同樣道理，你要Google / Yahoo / Bing可快速及準確找到你的網頁資訊，你可以把你的 css 檔案，有序地整合在一個獨立 css 檔案中 (e.g. style.css), 然後可用 link type 的方法把它置於網站當中，忌一大斷混亂的 css 隨意直接置於 html tag 中，這樣都會有助於Google / Yahoo / Bing 的搜尋引擎排名。 ...
閱讀更多