作者tingmeow (喵东喵西)
看板Web_Design
标题[问题] JavaScript存取表单资料
时间Sun Mar 23 22:53:20 2014
看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)
1F:推 GoalBased:你是说为什麽html是this.form ShowIt里为什麽不是一样吗 03/23 23:24
2F:→ RedMapleWing:this.form我的认知可能有错,但我认为它指的是它父 03/24 18:10
3F:→ RedMapleWing:层的那个form,至於function里的参数名称,那只是要 03/24 18:11
4F:→ RedMapleWing:给一个参数名称罢了,你随便给他什麽值,这个值在这 03/24 18:11
5F:→ RedMapleWing:个function里就会叫这个名字,不一定要跟呼叫functio 03/24 18:11
6F:→ RedMapleWing:时丢入的数值或物件同名(也很难同名,你的function又 03/24 18:12
7F:→ RedMapleWing:不是只写给一个东西用 03/24 18:12