[問題] JavaScript存取表單資料

看板Web_Design作者 (喵東喵西)時間11年前 (2014/03/23 22:53), 編輯推噓1(106)
留言7則, 2人參與, 最新討論串1/2 (看更多)
看O'REILLY的書 JavaScript深入淺出有點看不懂 在這一頁 p.293 存取表單資料 為了取用輸入表單的資料,首先需要區分表單中每個欄位。這點可利用HTML 碼的id或name屬性(或兩者並用)處理。 <input id="zipcode" name="zipcode" type="text" size="5"> 表單欄位具有兩種識別方式的原因,均與取用表單單位的途徑有關 第一種途徑使用getElementById()--可取用網頁上任何組件的函式。 這個方式沒問題,但還有更簡單、更針對表單設計的途徑。 每個表單欄位都有一個form物件,可被傳給任何驗證表單資料的函式。 <input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"> form物件勵害的地方,在於它也是個陣列,負責儲存表單中所有欄位 但它的陣列元素並非利用數值索引儲存;而是使用欄位獨有、於name 屬性設定的識別字。假設form物件以引數theForm為名,傳給某個函式, 則輸入郵遞區號欄位(ZIP code)的值將以下列方式存取: function showIt(theForm) { alert(theForm["zipcode"].value); } --------------------------- 看不太懂這邊在說什麼 我知道showIt是函式 在html那邊的引數怎麼是this.form 呢? 然後在下面的函式的引數又不一樣了 我有看過物件跟什麼建構式和new operator,在這邊應該不是這個吧? 這邊我不知道看了幾次都不太懂 新手上路,還請大家指點迷津Q Q 大恩大德感激不盡~ <(__ __)> -- 星球 (*> ω <*) http://catsheue.pixnet.net/blog -- ※ 編輯: tingmeow 來自: 61.228.120.25 (03/23 22:54)

03/23 23:24, , 1F
你是說為什麼html是this.form ShowIt裡為什麼不是一樣嗎
03/23 23:24, 1F

03/24 18:10, , 2F
this.form我的認知可能有錯,但我認為它指的是它父
03/24 18:10, 2F

03/24 18:11, , 3F
層的那個form,至於function裡的參數名稱,那只是要
03/24 18:11, 3F

03/24 18:11, , 4F
給一個參數名稱罷了,你隨便給他什麼值,這個值在這
03/24 18:11, 4F

03/24 18:11, , 5F
個function裡就會叫這個名字,不一定要跟呼叫functio
03/24 18:11, 5F

03/24 18:12, , 6F
時丟入的數值或物件同名(也很難同名,你的function又
03/24 18:12, 6F

03/24 18:12, , 7F
不是只寫給一個東西用
03/24 18:12, 7F
文章代碼(AID): #1JBlLe1A (Web_Design)
文章代碼(AID): #1JBlLe1A (Web_Design)