JavaScript初級(jí)教程(第五課)第3/4頁(yè)
表單也是對(duì)象;他們有自己的方法、屬性及事件處理器。其中有一項(xiàng)就是onSubmit。
onSubmit的調(diào)用有以下兩種情形:如果用戶點(diǎn)擊提交(Submit)按鈕,或用戶在文字域內(nèi)按了回車鍵,則會(huì)觸發(fā)onSubmit。
在Netscape中,點(diǎn)擊一個(gè)沒有結(jié)果事件處理的Submit按鈕通常會(huì)導(dǎo)致刷新原有的頁(yè)面。為了避免這種情況,你可以這樣做:
<form onSubmit="return false;">
<input type="submit" value="Submit">
</form>
Javascript用return false阻止瀏覽器刷新頁(yè)面。另一個(gè)例子是阻止一個(gè)href轉(zhuǎn)向賦值的URL 。例如:鏈接
<a onClick="return false;">sohu!</a>
不會(huì)轉(zhuǎn)向任何URL,因?yàn)槟憬oonClick賦值為return false。
以下是一個(gè)從用戶獲取信息的表單。在文字域中輸入一些內(nèi)容然后按回車鍵:
Who does the monkey love:
以下是表單的編碼:
<form name="text_entry_form" onSubmit="monkeyLove(); return false;">
<input type="text" name="monkey_love" size="40">
</form>
當(dāng)你點(diǎn)擊文字域中的回車時(shí),onSubmit處理器被調(diào)用執(zhí)行函數(shù)monkeyLove(),該函數(shù)將改變文字域內(nèi)的值。
如果onsubmit處理器中沒有return false語(yǔ)句的話,執(zhí)行函數(shù)monkeyLove()會(huì)改變文字域內(nèi)容,但由于同時(shí)網(wǎng)頁(yè)內(nèi)容會(huì)被刷新,從而又會(huì)將文字域的內(nèi)容返回到原有的內(nèi)容。為了阻止這種現(xiàn)象,就必須在onSubmit中加入return false.
以下是monkeyLove() 函數(shù)的內(nèi)容:
function monkeyLove()
{
var who_it_is = window.document.text_entry_form.monkey_love.value;
who_it_is = 'The monkey loves ' + who_it_is;
window.document.text_entry_form.monkey_love.value = who_it_is;
}
相關(guān)文章
javascript創(chuàng)建對(duì)象的幾種模式介紹
下面小編就為大家?guī)硪黄猨avascript創(chuàng)建對(duì)象的幾種模式介紹。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05用javascript自動(dòng)顯示最后更新時(shí)間
用javascript自動(dòng)顯示最后更新時(shí)間...2007-03-03在JavaScript中處理數(shù)組之reverse()方法的使用
這篇文章主要介紹了在JavaScript中處理數(shù)組之reverse()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06