iT邦幫忙

DAY 13
1

只是路過 HTML5 系列 第 13

HTML5 屬性、方法和事件

最近筆記分享了好幾篇Audio/Video的Methods(方法)、Properties(屬性)、和Events(事件)。

我今天想要單純針對這些方法、屬性、事件的概念來做一些瞭解。
以前我還是大學生的時候(遠望,回不去了),
一個人衝衝衝~跑去修外系(遊戲系)的課
找了傳說中超會當人又跩個二五八萬的老師,
(簽名的時候,系主任還問我,你確定要修嗎?),
上了什麼設計理論,事隔多年,我當然都忘光光了
不過,他有一個問題“讓我印象很深刻,
他問大家, 設計是什麼?

我腦袋轉了360*3度,盤算各種答案,ㄟ …這答案應該有很多吧
被叫到的同學,都講了讓我覺得很有道理的答案,都被老師說不是!
他說:這不是我要的答案!
我當時心想:誰知道你想要什麼啊?

終於,
…..

他說: 設計就是要達到目的

我當時心想:人生有這麼多目的,啊這不是廢話嗎?

恩….不過現在想起來,也是挺有道理的啦!

恩恩, 講了一堆五四三~
遙想當年,講了我都熱血了起來(恩,好像終於要回到正題了)
恩…..好像有點熱?
為了達到不會很熱目的,所以我要去開電風扇!

舉例如下:
目的: 不會很熱
物件: 電風扇
屬性: 粉紅色(顏色)、小台(尺寸),可以定時遙控(內含功能)
事件: 按下啓動按鈕,觸發電風扇轉動
方法: 觸發電風扇轉動之後,會發出轟轟轟的聲音,風扇葉片開始轉

為了符合我的氣質(ㄟ … 假裝可愛又很聰明),
我要挑一台粉紅色小台可以定時遙控的電風扇,
像是粉紅色(顏色)、小台(尺寸),可以定時遙控(內含功能)等
就是電風扇的可見屬性(Property)
其他不可見屬性則是描述狀態,傳回目前顏色或尺寸是什麼。

*有些屬性可以設置(我決定我要的電風扇顏色是粉紅色)
傳回狀態(我現在決定的電風扇顏色是什麼色?)。

為了達到我的目的,所以我要去開電風扇
按下電風扇啓動按鈕觸發電風扇轉動就是事件

讓電風扇轉動**(事件)發生了之後**,
電風扇就會發出轟轟轟的聲音,風扇葉片還會開始轉,
執行這些轟轟轟的聲音,風扇葉片轉動,就是方法。

結論:
方法、屬性、事件的概念是:
電風扇具有屬性會回應事件,而且可以執行方法。

筆記參考:

詳述:瞭解屬性、方法和事件
http://msdn.microsoft.com/zh-tw/library/ms172576(v=vs.80).aspx

JAVASCRIPT OBJECT - 共用屬性與方法
http://blog.kkbruce.net/2012/02/javascript-object.html#.UIIYA2lrbKk

與本次分享無關的補充:
javascript 在頁面執行的順序

1.頁面上的Javascript是HTML文檔的一部分,
所以Javascript在頁面執行的順序就是其引入標籤<script>的出現順序,
<script>標籤裡的或者通過src引入的外部JS,都是按照其语句出現的順序執行,
而且執行過程是文檔裝載的一部分。

2.每個腳本定義的全局變量和函數,都可以被後面執行的腳本所調用。

Ref: http://mobile.dotblogs.com.tw/noguess/archive/2012/09/25/75041.aspx

再附上與本次分享無關逛到的
筆記:
JavaScript是什麼
http://ycc.tsu.edu.tw/WebPage/Javascript.htm

JAVASCRIPT - 物件導向(OBJECT-ORIENTED LANGUAGE, OOP)
http://blog.kkbruce.net/2012/02/javascript-object-oriented-language-oop.html#.UIIYGGlrbKk

[JavaScript] JavaScript 的物件導向設計 (1):體驗篇
http://www.dotblogs.com.tw/regionbbs/archive/2012/05/03/introduce.to.javascript.oop.aspx

[JavaScirpt] 判斷 null , undefined 小測試筆記
http://mobile.dotblogs.com.tw/junegoat/archive/2012/09/25/75032.aspx

javascript- eval() 語法
http://www.dotblogs.com.tw/a-law/category/3028.aspx

[javascript]小寫轉大寫(onkeypress,onkeyup,onkeydown,toUpperCase)
http://www.dotblogs.com.tw/kevinya/archive/2012/05/31/72510.aspx

[JavaScript] 靜態類別與成員
http://mobile.dotblogs.com.tw/regionbbs/archive/2012/06/28/implement.javascript.static.members.aspx

[ASP.NET] 十分鐘輕鬆玩HTML5系列– 簡介Drag & Drop
http://mobile.dotblogs.com.tw/ian/archive/2012/07/03/73191.aspx


上一篇
HTML Audio/Video Events(2)
下一篇
程式基礎概念─物件導向(封裝)
系列文
只是路過 HTML5 30

尚未有邦友留言

立即登入留言