JavaScript中的return布爾值的用法和原理解析
首先return作為返回關(guān)鍵字,他有以下兩種返回方式
1.返回控制與函數(shù)結(jié)果
語法為:return 表達式; 語句結(jié)束函數(shù)執(zhí)行,返回調(diào)用函數(shù),而且把表達式的值作為函數(shù)的結(jié)果
2.返回控制無函數(shù)結(jié)果
語法為:return;在大多數(shù)情況下,為事件處理函數(shù)返回false,可以防止默認的事件行為.例如,默認情況下點擊一個<A>元素,頁面會跳轉(zhuǎn)到該元素href屬性指定的頁.
例如:<a href="http:www.baidu.com;alert(11);return false;alert(22)" rel="external nofollow" >鏈接</a> <!-- 只會執(zhí)行了alert(11);-->
return false 就相當于終止符,return true 就相當于執(zhí)行符。
在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發(fā)你的"onclick"事件以外還要觸發(fā)一個默認事件就是執(zhí)行頁面的跳轉(zhuǎn)。所以如果你想取消對象的默認動作就可以return false。也就是說如果你想用JS代碼來局部改變一些數(shù)據(jù)而不引起頁面其他部位的變化,那么你就應該在該onclick事件代碼的后面加上return false;
例如:
<input type="submit" onclick="submitAction(); return false;" />
submitAction 方法里面有提交表單的動作。如果不加 return false,在執(zhí)行完 submitAction 之后,submit 按鈕還會繼續(xù)執(zhí)行它的默認事件,就會再次提交表單。這可能就是很多錯誤的根源。
的確,return false的含義不是阻止事件繼續(xù)向頂層元素傳播,而是阻止瀏覽器對事件的默認處理。
在js中,我們常用return false來阻止提交表單或者繼續(xù)執(zhí)行下面的代碼,通俗的來說就是阻止執(zhí)行默認的行為。 例如下面的例子:
眾所周知,在表單中加上onsubmit="return false;"
可以阻止表單提交。
<form action="index.jsp" method="post" onsubmit="submitTest();"> <INPUT value="www"> <input type="submit" value="submit"></form> <SCRIPT LANGUAGE="JavaScript"> function submitTest() { // 一些邏輯判斷 return false; } </SCRIPT>
以上代碼實際情況是表單正常提交,若想它不提交,應該將
<form action="index.jsp" method="post" onsubmit="submitTest();">
改為
<form action="index.jsp" method="post" onsubmit="return submitTest();">
總的來說在js中對于return用法的三種情況的總結(jié)如下:
retrun true; 返回正確的處理結(jié)果。
return false;返回錯誤的處理結(jié)果;終止處理;阻止提交表單;阻止執(zhí)行默認的行為。
return;把控制權(quán)返回給頁面。
總結(jié)
以上所述是小編給大家介紹的JavaScript中的return布爾值的用法和原理解析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Javascript實現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實現(xiàn)代碼
這篇文章主要介紹了Javascript實現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實例代碼的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-05-05JavaScript與DropDownList 區(qū)別分析
大家都知道,.NET中一些Web服務(wù)器控件解析并編譯,最終被渲染的時候,其實是轉(zhuǎn)化成了普通的html控件。2010-01-01